後臺獲取的時間進行時分秒倒計時
阿新 • • 發佈:2018-12-14
<html lang="en"> <head> <meta charset="UTF-8"> <title>js簡單時分秒倒計時</title> <!--<script src="js/dayClickIn/dayClockIn.js"></script>--> <script type="text/javascript"> var newTime = Date.parse(new Date()); timeResidue = '23:0:1' ; timeResidue = timeResidue.split(":"); var timeResidue1 = (timeResidue[0]*3600 + timeResidue[1]*60 + timeResidue[2]*1)*1000; var timeDing = newTime + timeResidue1; //截止時間 var timer = setInterval(function(){ var now = Date.parse(new Date()); timeResidue1 = timeResidue1 - 1000; //定義變數 h,m,s儲存倒計時的時間 var h,m,s; if (timeResidue1>=0) { h = Math.floor(timeResidue1/1000/60/60%24); m = Math.floor(timeResidue1/1000/60%60); s = Math.floor(timeResidue1/1000%60); //將倒計時賦值到div中 // $('.count_down').html(h+":"+m+":"+s) document.getElementsByClassName("count_down")[0].innerText= h +":"+m+":"+s; // console.log(document.getElementsByClassName("count_down")) //遞迴每秒呼叫countTime方法,顯示動態時間效果 }else{ clearInterval(timer) } },1000) </script> </head > <body > <div> <span class="count_down">00</span> </div> </body> </html>