js倒计时小插件--CountDown.js

刚写的开源小插件,在这里宣传下 ^_^

github地点:https://github.com/flypie2/Co…

迎接吐槽 ^_^

CountDown.js

一个用来完成简朴页面倒计时的轻量级东西

API

  • CountDown.openTimeCountBySeconds()
    依据要计时的秒数翻开一个显现盈余时候的倒计时

    参数

    Ele: 安排倒计时的元素

    CountDownSeconds: 要计时的秒数

    Sign: 用于给倒计时设置标记 (能够给多个倒计时设置同一个标记)

    Divider: 支解时分秒的支解符

    EndFunc: 倒计时完毕时实行的要领

    ps:以上均为可选参数

    示例

           CountDown.openTimeCountBySeconds({
               Ele: document.getElementById('h1'),
               CountDownSeconds: 3600,
               Sign: 'flypie',
               Divider: ':',
               EndFunc: function () {
                   console.log('end');
               }
           });
    
  • CountDown.openTimeCountByStartAndEndDate()
    依据计时最先和完毕时候翻开一个显现盈余时候的倒计时

    参数

    Ele: 安排倒计时的元素

    StartDate: 倒计时最先时候 (date范例)

    EndDate: 倒计时完毕时候 (date范例)

    Sign: 用于给倒计时设置标记 (能够给多个倒计时设置同一个标记)

    Divider: 支解时分秒的支解符

    EndFunc: 倒计时完毕时实行的要领

    ps:除StartDate,EndDate外均为可选参数

    示例

        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()
    依据计时最先和完毕时候翻开一个显现盈余天数加时候的倒计时

    参数

    Ele: 安排倒计时的元素

    StartDate: 倒计时最先时候 (date范例)

    EndDate: 倒计时完毕时候 (date范例)

    Sign: 用于给倒计时设置标记 (能够给多个倒计时设置同一个标记)

    Divider: 支解时分秒的支解符

    DateDivider: 天数和时候之间的分隔符

    EndFunc: 倒计时完毕时实行的要领

    ps:除StartDate,EndDate外均为可选参数

    示例

        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()

    依据标记零时停息一个倒计时

       CountDown.stopBySign('flypie');
    
  • CountDown.resumeBySign()

    依据标记恢复一个被零时停息的倒计时

       CountDown.resumeBySign('flypie');
    
  • CountDown.closeBySign()

    依据标记永远性地封闭一个倒计时

       CountDown.closeBySign('flypie');
    原文作者:flyer_dev
    原文地址: https://segmentfault.com/a/1190000006139218
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞