<p>JS倒计时两种种实现方式</p><p></p><p>一:设置时长,进行倒计时。比如考试时间等等</p><pre class="brush:html;toolbar:false">1<html>
2<head>
3<metacharset="UTF-8">
4<title>简单时长倒计时</title>
5<SCRIPTtype="text/javascript">
6varmaxtime=60*60;//一个小时,按秒计算,自己调整!
7functionCountDown(){
8if(maxtime>=0){
9minutes=Math.floor(maxtime/60);
10seconds=Math.floor(maxtime%60);
11msg="距离结束还有"+minutes+"分"+seconds+"秒";
12document.all["timer"].innerHTML=msg;
13if(maxtime==5*60)alert("还剩5分钟");
14--maxtime;
15}else{
16clearInterval(timer);
17alert("时间到,结束!");
18}
19}
20timer=setInterval("CountDown()",1000);
21</SCRIPT>
22</head>
23<body>
24<divid="timer"style="color:red"></div>
25<divid="warring"style="color:red"></div>
26</body>
27</html></pre><p><br/></p><p>二:设置时间戳,进行倒计时。比如距离活动结束时间等等</p><p><br/></p><pre class="brush:html;toolbar:false">1<html>
2<head>
3<metacharset="UTF-8">
4<title>js简单时分秒倒计时</title>
5<scripttype="text/javascript">
6functioncountTime(){
7//获取当前时间
8vardate=newDate();
9varnow=date.getTime();
10//设置截止时间
11varstr="2017/5/1700:00:00";
12varendDate=newDate(str);
13varend=endDate.getTime();
14
15//时间差
16varleftTime=end-now;
17//定义变量d,h,m,s保存倒计时的时间
18vard,h,m,s;
19if(leftTime>=0){
20d=Math.floor(leftTime/1000/60/60/24);
21h=Math.floor(leftTime/1000/60/60%24);
22m=Math.floor(leftTime/1000/60%60);
23s=Math.floor(leftTime/1000%60);
24}
25//将倒计时赋值到div中
26document.getElementById("_d").innerHTML=d+"天";
27document.getElementById("_h").innerHTML=h+"时";
28document.getElementById("_m").innerHTML=m+"分";
29document.getElementById("_s").innerHTML=s+"秒";
30//递归每秒调用countTime方法,显示动态时间效果
31setTimeout(countTime,1000);
32
33}
34</script>
35</head>
36<bodyonload="countTime()"></pre>