搜索
写经验 领红包
 > 设计

js实现简易倒计时的方法(js中倒计时器怎么实现)

导语:js实现简易倒计时

js实现简易倒计时的方法(js中倒计时器怎么实现)

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

来实现倒计时赋值。

1.效果图

效果截图

2.HTML源码

<!DOCTYPE HTML><head><meta http-equiv= content= /><title>简易倒计时</title></head><div id= class=><span id=>00天</span><span id=>00时</span><span id=>00分</span><span id=>00秒</span></div><script type=>function countdownTime(){//截止时间 var endte = &39;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%24)if(h<=0) { h=00}var m=Math.floor(t/1000/60%60)if(m<=0) { m=00}var s=Math.floor(t/1000%60)if(s<=0) { s=00}document.getElementById().innerHTML = d + document.getElementById().innerHTML = h + document.getElementById().innerHTML = m + document.getElementById().innerHTML = s + }//赋值倒计时setInterval(countdownTime,1000)</script>

本文内容由小涵整理编辑!