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

　　

<script>
/*計(jì)算剩余時(shí)間*/function getTimeReamin(endtime){//剩余的秒數(shù)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"); //設(shè)置定時(shí)器 var timeid=setInterval(function () {var t=getTimeReamin(endtime);//判斷時(shí)間格式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;//設(shè)置時(shí)間document.getElementById("days").innerText= days;document.getElementById("hours").innerText= hours;document.getElementById("minutes").innerText= minutes;document.getElementById("seconds").innerText=seconds;//清除定時(shí)器if(t.remainSec<=0){clearInterval(timeid);} }); <script>

　　

　　

轉(zhuǎn)載于:https://www.cnblogs.com/lijinblogs/p/5722240.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript倒计时的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。