今天做活动,需要一个网页倒计时的代码,本人亲自通过测试可用,分享给大家,两个都可以,本人觉得第二个更好用:
<body bgcolor=”#fef4d9″ onLoad=”getTime()”>
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
function getTime() {
now = new Date();
y2k = new Date(“oct 31 2009 00: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.” : ” 秒 “;
min = (minutesRound == 1) ? ” minute” : ” 分 “;
hr = (hoursRound == 1) ? ” 小时” : ” 小时 “;
dy = (daysRound == 1) ? ” day” : ” 天 ”
document.timeForm.input1.value = “剩余时间: ” + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec;
newtime = window.setTimeout(“getTime();”, 1000);
}
// End –>
</script>
距离简爱家居商城活动截止还有:
<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>
<Script Language=”JavaScript”>
<!– Begin
function show2()
{
var msg;
var timedate= new Date(“10/31/2009 09:00:00″);
var times=”";
var now = new Date();
var leave = timedate.getTime() – now.getTime();
var time = Math.floor(leave /(1000 * 60 * 60 * 24));
var hour = Math.floor((leave%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var second = Math.floor((leave%(1000 * 60 * 60 * 24))%(1000 * 60 * 60)/(1000*60));
var m = Math.floor(((leave%(1000 * 60 * 60 * 24))%(1000 * 60 * 60)%(1000*60))/1000);
if (m > 0) ;
stick1.innerHTML=”现在离2006高考”+times+”还有: <font color=red><b>”+time+”</font>天<font color=#ff0000>”+hour+”</font>小时<font color=#ff0000>”+second+”</font>分<font color=#ff0000>”+m+”</font>秒”;
msg=”祝各位考生复习愉快,高考成功!”;
stick2.innerHTML=”<b style=’font-size:12;’>”+msg+”</b>”;
}
window.setInterval(‘show2()’,1000);
window.onload=show2;
// End –>
</Script>
<div id=”stick1″ style=”width:200px;background-color:#000;color:#fff;”></div>
<div id=”stick2″></div>
复制到html中即可,可根据要求改动!
本站文章欢迎转载。转载请注明:转载自迷失曾经谢谢!
原文链接地址:置入网页倒计时代码(ie,ff都适用)js实现 Tags: js倒计时代码, js实现网页倒计时代码, 实用js代码