js倒計時小插件－－CountDown.js

mdluo 發布于2019-08-22 10:34 / 3972人閱讀

摘要：剛寫的開源小插件，在這里宣傳下地址歡迎吐槽一個用來實現簡單頁面倒計時的輕量級工具根據要計時的秒數打開一個顯示剩余時間的倒計時參數放置倒計時的元素要計時的秒數用于給倒計時設置標記可以給多個倒計時設置同一個標記分割時分秒的分割符倒計時結束時執行

剛寫的開源小插件，在這里宣傳下 ^_^

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

GPU云服務器云服務器倒計時插件 jquery倒計時插件 js倒計時計算 js購物倒計時

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90838.html

前端那些小眾而又精美的網站及工具

摘要：寫此文的目的是為了總結在開發中能增加我們開發速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我在這里感激不盡讓我們發現美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及寫此文的目的是為了總結在開發中能增加我們開發速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我...

Edison 2019-08-02 16:02 評論0 收藏0
前端那些小眾而又精美的網站及工具

摘要：寫此文的目的是為了總結在開發中能增加我們開發速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我在這里感激不盡讓我們發現美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及寫此文的目的是為了總結在開發中能增加我們開發速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我...

tigerZH 2019-08-30 14:14 評論0 收藏0
前端那些小眾而又精美的網站及工具

摘要：寫此文的目的是為了總結在開發中能增加我們開發速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我在這里感激不盡讓我們發現美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及寫此文的目的是為了總結在開發中能增加我們開發速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我...

AlanKeene 2019-08-22 15:44 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

pumpkin9 2019-08-23 17:12 評論0 收藏0