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

首頁 > 編程 > JavaScript > 正文

javascript實現(xiàn)搶購倒計時程序

2019-11-19 10:57:35
字體:
供稿:網(wǎng)友

本文實例為大家分享了javascript實現(xiàn)搶購倒計時的具體代碼,供大家參考,具體內(nèi)容如下

倒計時分為三種狀態(tài):

1) 未到搶購開始時間,顯示:搶票倒計時××天××時××分××秒

2) 開始搶購,顯示:搶票還剩××天××時××分××秒

3) 搶購完畢,顯示:本輪搶購結(jié)束 

搶購的起始時間和截止時間,可以通過C#代碼輸出。

此代碼兼容其它瀏覽器。

<div id="clientclock">  </div>  <br />  <br />  <br />  <br />  <mce:script type="text/javascript"><!--  //搶票起始時間 2011年2月29日10點10分0秒,月份的定義從0開始,因此1表示2月份。  var start = new Date('2011', '1', '29', '10', '10', '00');  //var start = new Date('2011','1', '28', '15', '10', '00');   //搶票截止時間 2011年2月29日11點10分59秒  var expire = new Date('2011', '1', '29', '11', '10', '59');   //顯示倒計時的HTML對象  var clock = document.getElementById('clientclock');   //倒計時函數(shù),每秒執(zhí)行一次  setLeftTime();   function setLeftTime() {   var now = new Date();   //如果當前時間小于搶票起始時間,那么顯示:搶票倒計時××天××時××分××秒  if (now < start) {  var diff = -480 - now.getTimezoneOffset() //是北京時間和當?shù)貢r間的時間差  var lefttime = (start.getTime() - now.getTime()) + diff * 60000  var day = Math.floor(lefttime / (1000 * 60 * 60 * 24));  var hour = Math.floor(lefttime / (1000 * 3600)) - (day * 24);  var minute = Math.floor(lefttime / (1000 * 60)) - (day * 24 * 60) - (hour * 60);  var second = Math.floor(lefttime / (1000)) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);   clock.innerHTML = '搶票倒計時:<span class="ztCopy">' + day + '</span>天 <span class="ztCopy">' + hour + '</span>時 <span class="ztCopy">' + minute + '</span>分 <span class="ztCopy">' + second + '</span>秒';  }  //如果當前時間大于等于搶票起始時間,小于搶票截止時間,即:正在搶票,那么顯示:搶票還剩××天××時××分××秒  else if (now <= expire) {  var diff = -480 - now.getTimezoneOffset() //是北京時間和當?shù)貢r間的時間差  var lefttime = (expire.getTime() - now.getTime()) + diff * 60000  var day = Math.floor(lefttime / (1000 * 60 * 60 * 24));  var hour = Math.floor(lefttime / (1000 * 3600)) - (day * 24);  var minute = Math.floor(lefttime / (1000 * 60)) - (day * 24 * 60) - (hour * 60);  var second = Math.floor(lefttime / (1000)) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);   clock.innerHTML = '搶票還剩:<span class="ztCopy">' + day + '</span>天 <span class="ztCopy">' + hour + '</span>時 <span class="ztCopy">' + minute + '</span>分 <span class="ztCopy">' + second + '</span>秒';  }  //如果當前時間大于搶票截止時間,即:本輪搶票結(jié)束,那么顯示:本輪搶購結(jié)束  else {  clock.innerHTML = '本輪搶購結(jié)束';  }   setTimeout("setLeftTime()", 1000);  } // --></mce:script>

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 精品久久久久久成人av | 欧美性生活视频免费看 | 亚欧在线免费观看 | 久久sp| 污污短视频 | 国产美女精品视频 | 九色com | 亚洲午夜免费电影 | 国产乱一区二区三区视频 | 久久国产精品小视频 | 欧美一级三级在线观看 | 99精品视频在线看 | 日韩在线欧美在线 | 国产高潮好爽好大受不了了 | 国产日本欧美在线观看 | 成人免费福利 | 精品一区二区三区在线观看视频 | 鸳鸯谱在线观看高清 | 中文欧美日韩 | 国产午夜探花 | 视频一区二区久久 | 护士xxxx| 免费久久久 | 万圣街在线观看免费完整版 | 成人免费乱码大片a毛片视频网站 | 国产二区三区在线播放 | 九色com| 久久精品一二三区白丝高潮 | 午夜久久久精品一区二区三区 | 狠狠干91| 精品国产高清一区二区三区 | 久草在线播放视频 | 成人在线视频播放 | 国产一区二区影视 | 欧美交在线 | 1级黄色毛片 | 久久亚洲精品久久国产一区二区 | 欧美中文字幕一区二区 | 成人福利在线视频 | 亚洲国产精品久久久久久久久久久 | 黄色一级毛片免费看 |