欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript使用小插件實(shí)現(xiàn)倒計(jì)時(shí)的方法講解

 更新時(shí)間：2019年03月11日 15:29:26   作者：小飛俠-2  
今天小編就為大家分享一篇關(guān)于JavaScript使用小插件實(shí)現(xiàn)倒計(jì)時(shí)的方法講解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧

CountDown.js

一個(gè)用來實(shí)現(xiàn)簡單頁面倒計(jì)時(shí)的輕量級工具

API

CountDown.openTimeCountBySeconds()根據(jù)要計(jì)時(shí)的秒數(shù)打開一個(gè)顯示剩余時(shí)間的倒計(jì)時(shí)

參數(shù)：

  • Ele: 放置倒計(jì)時(shí)的元素
  • CountDownSeconds: 要計(jì)時(shí)的秒數(shù)
  • Sign: 用于給倒計(jì)時(shí)設(shè)置標(biāo)記 （可以給多個(gè)倒計(jì)時(shí)設(shè)置同一個(gè)標(biāo)記）
  • Divider: 分割時(shí)分秒的分割符
  • EndFunc: 倒計(jì)時(shí)結(jié)束時(shí)執(zhí)行的方法

ps:以上均為可選參數(shù)

示例

    CountDown.openTimeCountBySeconds({
      Ele: document.getElementById('h1'),
      CountDownSeconds: 3600,
      Sign: 'flypie',
      Divider: ':',
      EndFunc: function () {
        console.log('end');
      }
    });

CountDown.openTimeCountByStartAndEndDate()根據(jù)計(jì)時(shí)開始和結(jié)束時(shí)間打開一個(gè)顯示剩余時(shí)間的倒計(jì)時(shí)

參數(shù)：

  • Ele: 放置倒計(jì)時(shí)的元素
  • StartDate: 倒計(jì)時(shí)開始時(shí)間 (date類型)
  • EndDate: 倒計(jì)時(shí)結(jié)束時(shí)間 (date類型)
  • Sign: 用于給倒計(jì)時(shí)設(shè)置標(biāo)記 （可以給多個(gè)倒計(jì)時(shí)設(shè)置同一個(gè)標(biāo)記）
  • Divider: 分割時(shí)分秒的分割符
  • EndFunc: 倒計(jì)時(shí)結(jié)束時(shí)執(zhí)行的方法

ps:除StartDate,EndDate外均為可選參數(shù)

示例

    var startDate = new Date();
    var endDate = new Date();
    endDate.setDate(endDate.getDate()+1);
    CountDown.openTimeCountByStartAndEndDate({
      Ele: document.getElementById('h1'),
      StartDate: startDate,
      EndDate: endDate,
      Sign: 'flypie',
      Divider: ':',
      EndFunc: function () {
        console.log('end');
      }
    });

CountDown.openTimeCountByStartAndEndDate()根據(jù)計(jì)時(shí)開始和結(jié)束時(shí)間打開一個(gè)顯示剩余天數(shù)加時(shí)間的倒計(jì)時(shí)

參數(shù)：

  • Ele: 放置倒計(jì)時(shí)的元素
  • StartDate: 倒計(jì)時(shí)開始時(shí)間 (date類型)
  • EndDate: 倒計(jì)時(shí)結(jié)束時(shí)間 (date類型)
  • Sign: 用于給倒計(jì)時(shí)設(shè)置標(biāo)記 （可以給多個(gè)倒計(jì)時(shí)設(shè)置同一個(gè)標(biāo)記）
  • Divider: 分割時(shí)分秒的分割符
  • DateDivider: 天數(shù)和時(shí)間之間的分隔符
  • EndFunc: 倒計(jì)時(shí)結(jié)束時(shí)執(zhí)行的方法

ps:除StartDate,EndDate外均為可選參數(shù)

示例

    var startDate = new Date();
    var endDate = new Date();
    endDate.setDate(endDate.getDate()+10);
CountDown.openDateAndTimeCountByStartAndEndDate({
      Ele: document.getElementById('h1'),
      StartDate: startDate,
      EndDate: endDate,
      Sign: 'flypie',
      Divider: ':',
      DateDivider: '天 ',
      EndFunc: function () {
        console.log('end');
      }
    });

CountDown.stopBySign()根據(jù)標(biāo)記零時(shí)暫停一個(gè)倒計(jì)時(shí)

CountDown.stopBySign('flypie');

CountDown.resumeBySign()根據(jù)標(biāo)記恢復(fù)一個(gè)被零時(shí)暫停的倒計(jì)時(shí)

CountDown.resumeBySign('flypie');

CountDown.closeBySign()根據(jù)標(biāo)記永久性地關(guān)閉一個(gè)倒計(jì)時(shí)

CountDown.closeBySign('flypie');

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

相關(guān)文章

最新評論