限时抢购-倒计时的完整实例(分享)
网络 2017-10-17 1286
如下所示：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!DOCTYPE HTML> <html> <head> <meta charset=utf-8"/> <title>团购——限时抢</title> </head> <body> <div> <div class="time">还剩 <span id="LeftTime"></span></div> </div> <script> function FreshTime() { var endtime = new Date("2017/10/15,12:20:12");//结束时间 var nowtime = new Date();//当前时间 var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); d = parseInt(lefttime / (24 * 3600)); h = parseInt(lefttime /3600%24); m = parseInt(lefttime/60%60); s = parseInt(lefttime % 60); document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒"; if (lefttime <= 0) { document.getElementById("LeftTime").innerHTML = "团购已结束"; clearInterval(sh); } } var sh; sh = setInterval(function () { FreshTime() },500); </script> </body> </html> |
效果图：
