因為一個競拍專案需要用到倒計時，找了一下之前的程式碼，重新處理一下使用setInterval
來實現倒計時賦值。
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%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("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>
最新評論