✨ From vibe coding to vibe deployment. UBOS MCP turns ideas into infra with one message.

Learn more

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

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

Featured Templates

View More
AI Engineering
Python Bug Fixer
119 1433
Customer service
Service ERP
126 1188
AI Agents
AI Video Generator
252 2007 5.0

Start your free trial

Build your solution today. No credit card required.

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.