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

總結

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

總結

以上是生活随笔為你收集整理的html 倒计时 插件,JavaScript使用小插件实现倒计时的方法讲解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。