网页倒计时代码(网页倒计时代码怎么弄)
admin 发布:2022-12-19 21:59 122
今天给各位分享网页倒计时代码的知识,其中也会对网页倒计时代码怎么弄进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、html页面的倒计时代码。。。。急求!!!!
- 2、网页点击按钮开始一小时倒计时的JavaScript代码
- 3、网页里面的倒计时怎弄??
- 4、网页倒计时代码,精确到秒
- 5、求html网页高手 倒计时代码!
- 6、html页面的倒计时代码是什么?
html页面的倒计时代码。。。。急求!!!!
body
div id="timer"/div
script type="text/javascript" language="javascript"
var endDate=new Date(2010,11,11,17,05,40);//年月日时分秒,月要减去1
(function daoJiShi()
{
var now=new Date();
var oft=Math.round((endDate-now)/1000);
var ofd=parseInt(oft/3600/24);
var ofh=parseInt((oft%(3600*24))/3600);
var ofm=parseInt((oft%3600)/60);
var ofs=oft%60;
document.getElementById('timer').innerHTML='还有 '+ofd+' 天 ' +ofh+ ' 小时 ' +ofm+ ' 分钟 ' +ofs+ ' 秒';
if(ofs0){document.getElementById('timer').innerHTML='倒计时结束!';return;};
setTimeout('daoJiShi()',1000);
}());
/script
/body
网页点击按钮开始一小时倒计时的JavaScript代码
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
title/title
script
var interval;
var djs = function(){
if(!!interval) return;
var d = new Date("1111/1/1,1:0:0");
result.innerHTML = d.getHours() + "时"
+ d.getMinutes() + "分" + d.getSeconds() + "秒";
interval = setInterval(function(){
if(d.getHours() ==0d.getMinutes()==0d.getSeconds()==0) {
clearInterval(interval);
interval =null;
}
result.innerHTML = d.getHours() + "时"
+ d.getMinutes() + "分" + d.getSeconds() + "秒";
d.setSeconds(d.getSeconds() - 1);
},1000);
}
/script
/head
body
div id="result"
/div
button onclick="djs()"
倒计时
/button
/body
/html
网页里面的倒计时怎弄??
在网页里嵌入一个iframe,就是子框架,在这iframe里放一个网页,在网页的meta 部分代码里加入http-equiv="refresh" content="1",让这个小网页每隔1秒刷新一次,页面上的数据随着隔1秒刷新一次。如果改为content="5",则每隔5秒种刷新一次
网页倒计时代码,精确到秒
脚本说明:
第一步:把如下代码加入body区域中
SCRIPT LANGUAGE="JavaScript"
!-- Begin
function getTime() {
now = new Date();
y2k = new Date("Jan 1 2005 14:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " second." : " seconds.";
min = (minutesRound == 1) ? " minute" : " minutes, ";
hr = (hoursRound == 1) ? " hour" : " hours, ";
dy = (daysRound == 1) ? " day" : " days, "
document.timeForm.input1.value = "剩余时间: " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec;
newtime = window.setTimeout("getTime();", 1000);
}
// End --
/script
距离: Jan 1, 2005 2:00:00 p.m.
form name=timeForm
input type=text name=input1 size=70 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif"
/form
第二步:把body中的内容改为:
body bgcolor="#fef4d9" onLoad="getTime()"
希望可以帮到你哦
求html网页高手 倒计时代码!
不知道对不对啊
你看看啊
HTML
HEAD
TITLE时间日期篇--倒计时1/TITLE
/HEAD
BODY
bgcolor="#fef4d2"
onLoad=DownCount()
brbr
center
font
color="ffaafa"h2时间日期篇--倒计时1/h2/font
hr
width=300
brbr
!--
案例代码1开始
--
script
language=JavaScript
!--
[Step1]:
这里可以设置倒计时的月日年
--
var
theDay
=
new
Date("January
1,
2008")
var
DayALL
function
DownCount(){
var
today
=
new
Date()
var
seconds
=
Math.floor((theDay.getTime()
-
today.getTime())/1000)
var
minutes
=
Math.floor(seconds/60)
var
hours
=
Math.floor(minutes/60)
var
days
=
Math.floor(hours/24)
CDay=
days
CHour=
hours
%
24
CMinute=
minutes
%
60
CSecond=
seconds
%
60
DayALL
=
CDay
+
"
天
,
"
+
CHour
+
"
小时
,
"
+
CMinute
+
"
分钟
,
"
+
CSecond
+
"
秒
"
document.clock.DownCount.value
=
DayALL
var
counter
=
setTimeout("DownCount()",
1000)
}
/script
!--
案例代码1结束
--
!--
案例代码2开始
--
form
name
=
"clock"
!--
[Step2]:
这里可以更该页面上显示的提示信息
--
距离
2008
年
1
月
1
日,您将还有
br
!--
[Step3]:
这里可以改变时间的列长度
--
input
type="TEXT"
name=
"DownCount"
size=
"35"
/form
!--
案例代码2结束
--
/BODY
/HTML
html页面的倒计时代码是什么?
br倒计时已结束br
span id="span_dt_dt" style='border:1px solid black;background-color:#FFFFFF' /span
SCRIPT language=javascript
!--
//document.write("");
function show_student163_time(){
window.setTimeout("show_student163_time()", 1000);
BirthDay=new Date("00-00-0000");//改成你的计时日期
today=new Date();
timeold=(BirthDay.getTime()-today.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_student163_time();
//--
/SCRIPT
修改成需要的时间段,直接嵌入就可以了~~~祝你愉快!
网页倒计时代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网页倒计时代码怎么弄、网页倒计时代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-18百度推广官方电话,免费百度广告怎么投放
- 05-18新手怎么做网络销售,网销怎么找客户资源
- 05-18免费网页设计制作网站,免费网页设计软件
- 05-18个人怎么建网站,个人建网站步骤
- 05-18品牌推广与传播方案,品牌推广与传播方案怎么写
- 05-18怎么做网上销售,怎么样做网销
- 05-18贴吧友情链接在哪,手机贴吧怎么看友情贴吧
- 05-18制作网页一般多少钱,网页制作要多少钱
- 05-18百度广告推广怎么做,如何做百度广告推广
- 05-18百度竞价怎么开户,百度竞价开户流程
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接