团购、定时抢购倒计时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需再刷新一下页面才能执行]

您可能感兴趣的文章:

JS日期加减,日期运算代码
这篇文章主要介绍了JS日期加减,日期运算代码,需要的朋友可以参考下
2015-11-11
用js实现页面显示当前日期和时间的代码
js时间日期显示效果代码
2008-04-04
JS日期控件My97DatePicker基本用法
这篇文章介绍了JS日期控件My97DatePicker的基本用法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-12-12
firefox getyear() getFullYear数获取年份的问题
Javascript getYear()函数问题，一般需要用getFullYear
2008-12-12
JavaScript 逼真图片倒计时实现代码
一般的倒计时代码都是文字版本的，这个是图片格式的，更漂亮的，图片大家可以自己做。主要是参考实现方法。
2010-09-09
JS日历推荐
JS日历推荐...
2006-12-12
实现javascript的延期执行或者重复执行的两个函数
实现javascript的延期执行或者重复执行的两个函数...
2007-06-06
javascript中获取下个月一号，是星期几
如果今天是5月30日，通过上面的代码，我应该是获取到下个月，即6月1日是星期几？并赋值给变量fday的实现代码
2012-06-06
JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子
JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子...
2007-05-05
JS学习之一个简易的日历控件
这种日历控件实现起来不难，下面简单分析下我的思路
2010-03-03

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具