项目在微信商城里做了个秒杀活动,写了一段倒计时代码,虽然不是啥高端技术,还是分享一下。代码如下:
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> html,body,div,p{margin:0;padding:0;} .content{width: 500px;height: 200px;margin:0 auto; line-height: 200px;font-size:20px;} </style> </head> <body> <div class="content"> <span>距离2020年元旦还有</span> <span id="d">00</span>天 <span id="h">00</span>时 <span id="m">00</span>分 <span id="s">00</span>秒 </div> </body> <script type="text/javascript"> var d,h,m,s; function go(){ //获取当前时间,换算成毫秒 var date = new Date(); var now = date.getTime(); //获取截止时间,换算成毫秒 var endData = new Date('2020-01-01 00:00:00'); var end = endData.getTime(); //计算时差毫秒 var time = end - now; if(time>0){ d = Math.floor(time/1000/60/60/24); h = Math.floor(time/1000/60/60%24); m = Math.floor(time/1000/60%60); s = Math.floor(time/1000%60); document.getElementById("d").innerHTML = d; document.getElementById("h").innerHTML = h; document.getElementById("m").innerHTML = m; document.getElementById("s").innerHTML = s; setTimeout(go,1000); } } go(); </script> </html>