如下所示:
<!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>
效果图:
以上这篇限时抢购-倒计时的完整实例(分享)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。