国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js倒計時簡單實現代碼

2019-11-20 09:15:51
字體:
來源:轉載
供稿:網友

倒計時: 

1.設置一個有效的結束日期 

2.計算剩余時間 

3.將時間轉換成可用的格式 

4.輸出時鐘數據作為一個可重用的對象 

5.在頁面上顯示時鐘,并在它到達0時停止

html

<div id="clock">  <span id="days"></span>天  <span id="hours"></span>時  <span id="minutes"></span>分  <span id="seconds"></span>秒</div>

js代碼 

<script><br>/*計算剩余時間*/  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> 

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 绥宁县| 宝应县| 浏阳市| 白水县| 牙克石市| 海晏县| 怀集县| 芷江| 新河县| 商丘市| 汾阳市| 盱眙县| 兴化市| 读书| 武功县| 内乡县| 五原县| 家居| 车致| 芦溪县| 沧源| 佛山市| 瑞安市| 永川市| 平遥县| 阿城市| 钟山县| 彭阳县| 财经| 朔州市| 邛崃市| 临清市| 江安县| 宜兴市| 五原县| 龙川县| 齐河县| 昭平县| 岳西县| 宁晋县| 双辽市|