软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：团购,定时抢购,倒计时

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

技术文章快速查找

jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法

js下用gb2312编码解码实现方法

jQuery 过滤not()与filter()实例代码

基于jQuery实现下拉收缩(展开与折叠)特效

自己动手制作jquery插件之自动添加删除行功能介绍

javascript 获取表单file全路径

javascript:void(0)的作用示例介绍

奉献给JavaScript初学者的编写开发的七个细节

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建