倒計時：
1.設置一個有效的結束日期
2.計算剩余時間
3.將時間轉換成可用的格式
4.輸出時鐘數據作為一個可重用的對象
5.在頁面上顯示時鐘，并在它到達0時停止 <div id="clock"><span id="days"></span>天<span id="hours"></span>時<span id="minutes"></span>分<span id="seconds"></span>秒 </div>

　　

<script>
/*計算剩余時間*/function getTimeReamin(endtime){//剩余的秒數var remainSec=(Date.parse(endtime)-Date.parse(new Date()))/1000;var days=Math.floor(remainSec/(3600*24));var hours=Math.floor(remainSec/3600%24);var minutes=Math.floor(remainSec/60%60);var seconds=Math.floor(remainSec%60);return{"remainSec":remainSec,"days":days,"hours":hours,"minutes":minutes,"seconds":seconds}} var endtime="2016/10/10"; var clock=document.getElementById("clock"); //設置定時器 var timeid=setInterval(function () {var t=getTimeReamin(endtime);//判斷時間格式days= t.days>=0&& t.days<10?"0"+t.days:t.days;hours= t.hours>=0&& t.hours<10?"0"+t.hours:t.hours;minutes=t.minutes>=0&&t.minutes<10?"0"+t.minutes:t.minutes;seconds=t.seconds>=0&&t.seconds<10?"0"+t.seconds:t.seconds;//設置時間document.getElementById("days").innerText= days;document.getElementById("hours").innerText= hours;document.getElementById("minutes").innerText= minutes;document.getElementById("seconds").innerText=seconds;//清除定時器if(t.remainSec<=0){clearInterval(timeid);} }); <script>

　　

　　

轉載于:https://www.cnblogs.com/lijinblogs/p/5722240.html

總結

以上是生活随笔為你收集整理的JavaScript倒计时的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。