成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

js倒計(jì)時(shí)小插件－－CountDown.js

mdluo / 4116人閱讀

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

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

github地址：https://github.com/flypie2/Co...

歡迎吐槽 ^_^

CountDown.js 一個(gè)用來實(shí)現(xiàn)簡單頁面倒計(jì)時(shí)的輕量級(jí)工具 API

CountDown.openTimeCountBySeconds()
根據(jù)要計(jì)時(shí)的秒數(shù)打開一個(gè)顯示剩余時(shí)間的倒計(jì)時(shí)

參數(shù)：

Ele: 放置倒計(jì)時(shí)的元素

CountDownSeconds: 要計(jì)時(shí)的秒數(shù)

Sign: 用于給倒計(jì)時(shí)設(shè)置標(biāo)記 （可以給多個(gè)倒計(jì)時(shí)設(shè)置同一個(gè)標(biāo)記）

Divider: 分割時(shí)分秒的分割符

EndFunc: 倒計(jì)時(shí)結(jié)束時(shí)執(zhí)行的方法

ps:以上均為可選參數(shù)

示例

       CountDown.openTimeCountBySeconds({
           Ele: document.getElementById("h1"),
           CountDownSeconds: 3600,
           Sign: "flypie",
           Divider: ":",
           EndFunc: function () {
               console.log("end");
           }
       });

CountDown.openTimeCountByStartAndEndDate()
根據(jù)計(jì)時(shí)開始和結(jié)束時(shí)間打開一個(gè)顯示剩余時(shí)間的倒計(jì)時(shí)

參數(shù)：

Ele: 放置倒計(jì)時(shí)的元素

StartDate: 倒計(jì)時(shí)開始時(shí)間 (date類型)

EndDate: 倒計(jì)時(shí)結(jié)束時(shí)間 (date類型)

Sign: 用于給倒計(jì)時(shí)設(shè)置標(biāo)記 （可以給多個(gè)倒計(jì)時(shí)設(shè)置同一個(gè)標(biāo)記）

Divider: 分割時(shí)分秒的分割符

EndFunc: 倒計(jì)時(shí)結(jié)束時(shí)執(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ù)計(jì)時(shí)開始和結(jié)束時(shí)間打開一個(gè)顯示剩余天數(shù)加時(shí)間的倒計(jì)時(shí)

參數(shù)：

Ele: 放置倒計(jì)時(shí)的元素

StartDate: 倒計(jì)時(shí)開始時(shí)間 (date類型)

EndDate: 倒計(jì)時(shí)結(jié)束時(shí)間 (date類型)

Sign: 用于給倒計(jì)時(shí)設(shè)置標(biāo)記 （可以給多個(gè)倒計(jì)時(shí)設(shè)置同一個(gè)標(biāo)記）

Divider: 分割時(shí)分秒的分割符

DateDivider: 天數(shù)和時(shí)間之間的分隔符

EndFunc: 倒計(jì)時(shí)結(jié)束時(shí)執(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ù)標(biāo)記零時(shí)暫停一個(gè)倒計(jì)時(shí)

   CountDown.stopBySign("flypie");

CountDown.resumeBySign()

根據(jù)標(biāo)記恢復(fù)一個(gè)被零時(shí)暫停的倒計(jì)時(shí)

   CountDown.resumeBySign("flypie");

CountDown.closeBySign()

根據(jù)標(biāo)記永久性地關(guān)閉一個(gè)倒計(jì)時(shí)

   CountDown.closeBySign("flypie");

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/90838.html

相關(guān)文章

  • 前端那些小眾而又精美的網(wǎng)站及工具

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

    Edison 評(píng)論0 收藏0

  • 前端那些小眾而又精美的網(wǎng)站及工具

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

    tigerZH 評(píng)論0 收藏0

  • 前端那些小眾而又精美的網(wǎng)站及工具

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

    AlanKeene 評(píng)論0 收藏0

  • 前端面試題總結(jié)（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

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

    pumpkin9 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<