您的位置：首页 > Web前端 > JavaScript

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

2010-08-02 11:20 260 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

2 <html>

3 <head>

4 <title>团购、定时抢购倒计时 </title>

5 <meta http-equiv="content-type" content="text/html; charset=gb2312" />

6 <meta name="keywords" content="" />

7 <meta name="description" content="" />

8

9 <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>

完整代码点击团购、定时抢购倒计时js版
踏踏实实做人，认认真真做事；认认真真做人，踏踏实实做事；美咋咧美食

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航