本文主要是介绍静态html实现倒计时,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<!doctype html> <html> <head> <meta charset="utf-8"></head><body><DIV id="CountMsg" class="HotDate"> <span id="td">00天</span> <span id="th">00时</span> <span id="tm">00分</span> <span id="ts">00秒</span> </DIV> <script type="text/javascript"> function getRTime(){ var EndTime= new Date('2017/10/23 10:00:00'); //截止时间 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime();var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s=Math.floor(t/1000%60);document.getElementById("td").innerHTML = d + "天"; document.getElementById("th").innerHTML = h + "时"; document.getElementById("tm").innerHTML = m + "分"; document.getElementById("ts").innerHTML = s + "秒"; } setInterval(getRTime,1000); </script> </body> </html>
这篇关于静态html实现倒计时的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!