麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > 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> 

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 亚洲一区久久久 | 视频一区二区精品 | 免费黄色大片在线观看 | 欧美一区中文字幕 | 看免费黄色一级片 | 午夜视频国产 | www视频免费观看 | 欧美在线观看视频网站 | 国产大片全部免费看 | 成人免费毛片在线观看 | 免费在线观看成人网 | 成人午夜在线播放 | 亚洲网站一区 | 日本黄色免费播放 | 国产精品一区二区三区在线播放 | 国产精品一品二区三区四区18 | 国产精品av久久久久久网址 | 在线播放免费播放av片 | 国产成年免费视频 | 久综合 | 最新中文在线视频 | 久久99精品视频在线观看 | av电影在线免费 | 黄色免费大片 | 老师你怎么会在这第2季出现 | 成年人黄视频 | 看免费5xxaaa毛片 | 欧美一级黄 | 深夜小视频在线观看 | 成人在线第一页 | 手机av免费电影 | 91网视频 | 久久九九热re6这里有精品 | 一本一本久久a久久精品综合小说 | 国产精品免费看 | 日本欧美一区二区三区在线播 | 欧美成人午夜 | 久久青草热| 久草手机在线视频 | 久久久久国产成人免费精品免费 | www.99tv|