团购、定时抢购倒计时js版

更新时间：2010年08月04日 03:05:13 作者：

团购、定时抢购倒计时实现代码，需要的朋友可以参考下。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>团购、定时抢购倒计时 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script language="JavaScript"> var tms = []; var day = []; var hour = []; var minute = []; var second = []; function takeCount() { setTimeout("takeCount()", 1000); for (var i = 0, j = tms.length; i < j; i++) { //计数减一 tms[i] -= 1000; //计算时分秒 var days = Math.floor(tms[i] / (1000 * 60 * 60 * 24)); var hours = Math.floor(tms[i] / (1000 * 60 * 60)) % 24; var minutes = Math.floor(tms[i] / (1000 * 60)) % 60; var seconds = Math.floor(tms[i] / 1000) % 60; if (days < 0) days = 0; if (hours < 0) hours = 0; if (minutes < 0) minutes = 0; if (seconds < 0) seconds = 0; //将时分秒插入到html中 document.getElementById(day[i]).innerHTML = days; document.getElementById(hour[i]).innerHTML = hours; document.getElementById(minute[i]).innerHTML = minutes; document.getElementById(second[i]).innerHTML = seconds; } } setTimeout("takeCount()", 1000); </script> </head> <body> <div> <ul> <li style="width: 300px;">剩余时间： <span id="d1" style="font-weight: bold">0</span> <span> 天 </span><span id="h1" style="font-weight: bold">0</span> <span>小时 </span><span id="m1" style="font-weight: bold">0</span> <span>分 </span><span id="s1" style="font-weight: bold"> 0</span> <span>秒</span></li> <script type="text/javascript"> tms[tms.length] = "168935343345"; day[day.length] = "d1"; hour[hour.length] = "h1"; minute[minute.length] = "m1"; second[second.length] = "s1"; </script> <li style="width: 300px;">剩余时间： <span id="d2" style="font-weight: bold">0</span> <span> 天 </span><span id="h2" style="font-weight: bold">0</span> <span>小时 </span><span id="m2" style="font-weight: bold">0</span> <span>分 </span><span id="s2" style="font-weight: bold"> 0</span> <span>秒</span></li> <script type="text/javascript"> tms[tms.length] = "1689353433455"; day[day.length] = "d2"; hour[hour.length] = "h2"; minute[minute.length] = "m2"; second[second.length] = "s2"; </script> </ul> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

javascript 判断两个日期之差的示例代码
这篇文章主要介绍了javascript 判断两个日期之差的示例代码,需要的朋友可以参考下
2015-09-09
用js计算页面执行时间的函数
用js计算页面执行时间的函数...
2006-12-12
javascript 下拉框显示当前日期
下拉框显示当前日期的代码，前提是年份里面要包含当前年份的代码，否则不能运行。
2007-11-11
Javascript 世界时区时间显示代码
Javascript 世界时区时间显示代码，显示多个地区的时间，需要的朋友可以参考下代码
2012-05-05
JavaScript 比较时间大小的代码
今天在google搜索js比较时间大小，能用的很少。js静态函数Date.prase() 参数有很严格的要求。否则就会转化失败。
2010-04-04
实现javascript的延期执行或者重复执行的两个函数
实现javascript的延期执行或者重复执行的两个函数...
2007-06-06
JavaScript检查是否是正确的日期格式的代码
JavaScript 检查是否是正确的日期格式，不但判断格式，而且还可判断天数是否超出。
2010-10-10
JavaScript自定义DateDiff函数(兼容所有浏览器)
JavaScript自定义DateDiff函数兼容所有浏览器,DateDiff用来返回两个日期的时间间隔
2012-03-03
js计数器代码
js计数器代码...
2006-11-11
Javascript 倒计时源代码.(时.分.秒) 详细注释版
基于js的倒计时实现代码，并有详细的注释比较适合学习使用。
2011-05-05