資訊專欄INFORMATION COLUMN
摘要：剛寫的開源小插件，在這里宣傳下地址歡迎吐槽一個用來實現(xiàn)簡單頁面倒計時的輕量級工具根據(jù)要計時的秒數(shù)打開一個顯示剩余時間的倒計時參數(shù)放置倒計時的元素要計時的秒數(shù)用于給倒計時設(shè)置標記可以給多個倒計時設(shè)置同一個標記分割時分秒的分割符倒計時結(jié)束時執(zhí)行
剛寫的開源小插件，在這里宣傳下 ^_^
github地址：https://github.com/flypie2/Co...
歡迎吐槽 ^_^
CountDown.js 一個用來實現(xiàn)簡單頁面倒計時的輕量級工具 API
CountDown.openTimeCountBySeconds()
根據(jù)要計時的秒數(shù)打開一個顯示剩余時間的倒計時
參數(shù)：
Ele: 放置倒計時的元素
CountDownSeconds: 要計時的秒數(shù)
Sign: 用于給倒計時設(shè)置標記 （可以給多個倒計時設(shè)置同一個標記）
Divider: 分割時分秒的分割符
EndFunc: 倒計時結(jié)束時執(zhí)行的方法
ps:以上均為可選參數(shù)
示例
CountDown.openTimeCountBySeconds({
Ele: document.getElementById("h1"),
CountDownSeconds: 3600,
Sign: "flypie",
Divider: ":",
EndFunc: function () {
console.log("end");
}
});
CountDown.openTimeCountByStartAndEndDate()
根據(jù)計時開始和結(jié)束時間打開一個顯示剩余時間的倒計時
參數(shù)：
Ele: 放置倒計時的元素
StartDate: 倒計時開始時間 (date類型)
EndDate: 倒計時結(jié)束時間 (date類型)
Sign: 用于給倒計時設(shè)置標記 （可以給多個倒計時設(shè)置同一個標記）
Divider: 分割時分秒的分割符
EndFunc: 倒計時結(jié)束時執(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ù)計時開始和結(jié)束時間打開一個顯示剩余天數(shù)加時間的倒計時
參數(shù)：
Ele: 放置倒計時的元素
StartDate: 倒計時開始時間 (date類型)
EndDate: 倒計時結(jié)束時間 (date類型)
Sign: 用于給倒計時設(shè)置標記 （可以給多個倒計時設(shè)置同一個標記）
Divider: 分割時分秒的分割符
DateDivider: 天數(shù)和時間之間的分隔符
EndFunc: 倒計時結(jié)束時執(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ù)標記零時暫停一個倒計時
CountDown.stopBySign("flypie");
CountDown.resumeBySign()
根據(jù)標記恢復(fù)一個被零時暫停的倒計時
CountDown.resumeBySign("flypie");
CountDown.closeBySign()
根據(jù)標記永久性地關(guān)閉一個倒計時
CountDown.closeBySign("flypie");
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/90838.html
摘要：寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負責教程如有相應(yīng)的教程希望大家自薦或推薦我在這里感激不盡讓我們發(fā)現(xiàn)美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及 寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負責教程如有相應(yīng)的教程希望大家自薦或推薦我...
摘要：寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負責教程如有相應(yīng)的教程希望大家自薦或推薦我在這里感激不盡讓我們發(fā)現(xiàn)美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及 寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負責教程如有相應(yīng)的教程希望大家自薦或推薦我...
摘要：寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負責教程如有相應(yīng)的教程希望大家自薦或推薦我在這里感激不盡讓我們發(fā)現(xiàn)美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及 寫此文的目的是為了總結(jié)在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網(wǎng)站及一些小眾框架只限于簡介不負責教程如有相應(yīng)的教程希望大家自薦或推薦我...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...
閱讀 1554·2021-09-22 16:04
閱讀 2871·2019-08-30 15:44
閱讀 949·2019-08-30 15:43
閱讀 830·2019-08-29 15:24
閱讀 1905·2019-08-29 14:07
閱讀 1202·2019-08-29 12:30
閱讀 1791·2019-08-29 11:15
閱讀 2805·2019-08-28 18:08
