js倒计时三种简单实现方式(js实现简易倒计时)

因为一个竞拍项目需要用到倒计时,找了一下之前的代码,重新处理一下使用setInterval

来实现倒计时赋值。

1.效果图

js倒计时三种简单实现方式(js实现简易倒计时)(1)

效果截图

2.HTML源码

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简易倒计时</title> </head> <body> <div id="CountMsg" class="row-left"> <span id="t_day">00天</span> <span id="t_hour">00时</span> <span id="t_minute">00分</span> <span id="t_second">00秒</span> </div> </body> </html> <script type="text/javascript"> function countdownTime(){ //截止时间 var endte = '2021/3/18 03:20:00' var endtime= new Date(endte) var nowtime = new Date() var t =endtime.getTime() - nowtime.getTime() var d=Math.floor(t/1000/60/60/24) if(d<=0) { d=00} var h=Math.floor(t/1000/60/60$) if(h<=0) { h=00} var m=Math.floor(t/1000/60`) if(m<=0) { m=00} var s=Math.floor(t/1000`) if(s<=0) { s=00} document.getElementById("t_day").innerHTML = d "天" document.getElementById("t_hour").innerHTML = h "时" document.getElementById("t_minute").innerHTML = m "分" document.getElementById("t_second").innerHTML = s "秒" } //赋值倒计时 setInterval(countdownTime,1000) </script>

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页