Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

一个用来实现简单页面倒计时的轻量级工具

Notifications You must be signed in to change notification settings

Abel-Maker/CountDown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

11 Commits

Repository files navigation

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

CountDown.js

一个用来实现简单页面倒计时的轻量级工具

2.0版本升级,加入倒计时还剩指定时间执行的回调方法

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: 倒计时结束时执行的方法

    additionToggle: 当倒计时还剩指定时间时执行一个回调函数 (seconds:还剩多少秒时执行,callback:回调函数)

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

    示例

     CountDown.openTimeCountByStartAndEndDate({
     Ele: document.getElementById('h1'),
     StartDate: startDate,
     EndDate: endDate,
     Sign: 'flypie',
     Divider: ':',
     EndFunc: function () {
     console.log('end');
     },
     additionToggle: {
     seconds: 10,
     callback: function () {
     alert('soon');
     }
     }
     });
    
  • CountDown.openTimeCountByStartAndEndDate()

    根据计时开始和结束时间打开一个显示剩余天数加时间的倒计时

    参数:

    Ele: 放置倒计时的元素

    StartDate: 倒计时开始时间 (date类型)

    EndDate: 倒计时结束时间 (date类型)

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

    Divider: 分割时分秒的分割符

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

    EndFunc: 倒计时结束时执行的方法

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

    示例

     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');
    

About

一个用来实现简单页面倒计时的轻量级工具

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 73.3%
  • HTML 26.7%

AltStyle によって変換されたページ (->オリジナル) /