案例商品活動倒計時
阿新 • • 發佈:2018-11-12
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 id="s"></h1> </body> </html> <script type="text/javascript"> function getTimeDif(startTime,endTime){ return (endTime.getTime() - startTime.getTime())/1000; } var h1=document.getElementsByTagName("h1")[0]; var endtime=new Date("2018/10/09 11:00:00"); var now=new Date(); var t=getTimeDif(now,endtime); showTime(); function showTime(){ if(t<0){ h1.innerHTML="活動時間到期"; return ; } var d=parseInt(t/3600/24);//得到多少天 var h=parseInt((t/3600/24-d)*24);//得到多少小時 var m=parseInt(((t/3600/24-d)*24-h)*60);//得到分鐘 var s=parseInt((((t/3600/24-d)*24-h)*60-m)*60);//得到秒數 h1.innerHTML = "距離活動時間結束還剩下:"+d+"天"+h+"時"+m+"分鐘"+s+"秒"; }; setInterval(function(){ t--; if(t<0){ h1.innerHTML = "活動時間過期"; return; } //顯示倒計時時間 showTime();//h1.innerHTML = "距離活動時間結束還剩下:"+d+"天"+h+"時"+m+"分"+s+"秒" },1000); </script>