小編給大家分享一下JS/jquery如何實現(xiàn)一個網(wǎng)頁內(nèi)同時調(diào)用多個倒計時，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都一家集口碑和實力的網(wǎng)站建設(shè)服務(wù)商，擁有專業(yè)的企業(yè)建站團隊和靠譜的建站技術(shù)，10余年企業(yè)及個人網(wǎng)站建設(shè)經(jīng)驗 ,為成都千余家客戶提供網(wǎng)頁設(shè)計制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè)，品牌網(wǎng)站設(shè)計，同時也為不同行業(yè)的客戶提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè)，傳統(tǒng)機械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選成都創(chuàng)新互聯(lián)公司。

效果如：

var plugJs={
  stamp:0,
  tid:1,
  stampnow:'<?php echo NOW_TIME;?>',//統(tǒng)一開始時間戳
  intervalTime:function(){
    if(plugJs.stamp > 0){
      var day = Math.floor(plugJs.stamp / (60 * 60 * 24));
      var hour = Math.floor(plugJs.stamp / (60 * 60)) - (day * 24);
      var minute = Math.floor(plugJs.stamp / 60) - (day * 24 * 60) - (hour * 60);
      var second = Math.floor(plugJs.stamp) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
      if (day <= 9) day = '0' + day;
      if (hour <= 9) hour = '0' + hour;
      if (minute <= 9) minute = '0' + minute;
      if (second <= 9) second = '0' + second;
      jQuery('.t_h_'+plugJs.tid).html(hour);
      jQuery('.t_m_'+plugJs.tid).html(minute);
      jQuery('.t_s_'+plugJs.tid).html(second);
      plugJs.stamp--;
      setTimeout('if(typeof(plugJs.intervalTime) == "function"){plugJs.intervalTime();}',1000);
    }
  },
  timer:function (stampend,tid){
    plugJs.stamp = parseInt(stampend)-parseInt(plugJs.stampnow);//剩余時間戳
    setTimeout('if(typeof(plugJs.intervalTime) == "function"){plugJs.intervalTime();}',1000);
  }
};
jQuery(document).ready(function(){
  var stampend = parseInt(jQuery('.countdown_1').attr('data-time'));//靈活讀取表里的結(jié)束時間戳
  plugJs.timer(stampend,'1');
});

<div class="time countdown_1" data-time="1449429731">
  <span class="t_h_1">00</span>
  <i class="lay_line">:</i>
  <span class="t_m_1">00</span>
  <i class="lay_line">:</i>
  <span class="t_s_1">00</span>
</div>
<div class="time countdown_2" data-time="1449456731">
  <span class="t_h_2">00</span>
  <i class="lay_line">:</i>
  <span class="t_m_2">00</span>
  <i class="lay_line">:</i>
  <span class="t_s_2">00</span>
</div>

注釋:setTimeout()只執(zhí)行 code 一次。如果要多次調(diào)用，請使用 setInterval() 或者讓 code 自身再次調(diào)用setTimeout()。

以上是“JS/jquery如何實現(xiàn)一個網(wǎng)頁內(nèi)同時調(diào)用多個倒計時”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站jinyejixie.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目：JS/jquery如何實現(xiàn)一個網(wǎng)頁內(nèi)同時調(diào)用多個倒計時-創(chuàng)新互聯(lián)
文章鏈接：http://jinyejixie.com/article8/dpojop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、App設(shè)計、做網(wǎng)站、網(wǎng)站設(shè)計公司、Google、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)