js簡單倒計(jì)時(shí)

wangym 發(fā)布于2019-08-23 14:00 / 1796人閱讀

摘要：不想每次用倒計(jì)時(shí)，都現(xiàn)寫代碼，比較煩，這里記一下，也順便分享一些倒計(jì)時(shí)簡單的邏輯。函數(shù)里第一個(gè)數(shù)字是到時(shí)間長度，第二個(gè)回調(diào)函數(shù)，回傳的就是當(dāng)前時(shí)間。勘誤修正了幾個(gè)文字錯(cuò)誤優(yōu)化了幾個(gè)變量

不想每次用倒計(jì)時(shí)，都現(xiàn)寫代碼，比較煩，這里記一下，也順便分享一些倒計(jì)時(shí)簡單的邏輯。

如果你有更簡單方便的代碼，可以分享給大家。

var method = {
    countdownObj: {
        timer: null,
        changeTime: 0,
    },
    countdown: function(long, back) {
        var that = this;
        if (that.countdownObj.timer) {
            clearInterval(that.countdownObj.timer);
        }
        that.countdownObj.changeTime = long;
        back(that.countdownObj.changeTime);
        that.countdownObj.timer = setInterval(function() {
            that.countdownObj.changeTime--;
            back(that.countdownObj.changeTime);
            if (that.countdownObj.changeTime < 1) {
                clearInterval(that.countdownObj.timer);
            }
        }, 1000);
    }
};

method.countdown(60,function(time){
    console.log(time);
});

函數(shù)里第一個(gè)數(shù)字是到時(shí)間長度，
第二個(gè)回調(diào)函數(shù)，回傳的time就是當(dāng)前時(shí)間。

勘誤：
1018-12-12 修正了幾個(gè)文字錯(cuò)誤；優(yōu)化了幾個(gè)變量

GPU云服務(wù)器云服務(wù)器簡單的倒計(jì)時(shí) js倒計(jì)時(shí)計(jì)算 js購物倒計(jì)時(shí) js生成倒計(jì)時(shí)

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

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

相關(guān)文章

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

摘要：剛寫的開源小插件，在這里宣傳下地址歡迎吐槽一個(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... 歡迎吐槽 ^_^ Co...

mdluo 2019-08-22 10:34 評(píng)論0 收藏0
JS 異步的實(shí)現(xiàn)

摘要：由于引擎同一時(shí)間只執(zhí)行一段代碼這是由單線程的性質(zhì)決定的，所以每個(gè)代碼塊阻塞了其它異步事件的進(jìn)行。這意味著瀏覽器將等待著一個(gè)新的異步事件發(fā)生。異步的任務(wù)執(zhí)行的順序是不固定的，主要看返回的速度。我們經(jīng)常說JS是單線程的，比如node.js研討會(huì)上大家都說JS的特色之一是單線程的，這樣使JS更簡單明了，可是大家真的理解所謂JS的單線程機(jī)制嗎？單線程時(shí)，基于事件的異步機(jī)制又該當(dāng)如何，這些知識(shí)...

sihai 2019-08-22 11:14 評(píng)論0 收藏0
15.搜索功能的實(shí)現(xiàn)與頁面倒計(jì)時(shí)跳轉(zhuǎn)

摘要：我們的導(dǎo)航條有搜索輸入框和按鈕，現(xiàn)在我們來完善這部分功能。然后設(shè)計(jì)一個(gè)，其樣式如下不僅在倒計(jì)時(shí)結(jié)束后跳轉(zhuǎn)回首頁，還增加了一個(gè)立即跳轉(zhuǎn)的按鈕通過實(shí)現(xiàn)，其代碼如下提示提示信息未找到相關(guān)結(jié)果，秒后將自動(dòng)跳轉(zhuǎn)回首頁。我們的導(dǎo)航條有搜索輸入框和按鈕，現(xiàn)在我們來完善這部分功能。首先搜索的邏輯，我們簡單地設(shè)定為問題的title或者content包含搜索的關(guān)鍵字即可。假設(shè)搜索的關(guān)鍵字存在變量keyw...

DobbyKim 2019-07-30 15:29 評(píng)論0 收藏0
js天時(shí)分秒倒計(jì)時(shí)（轉(zhuǎn)）

摘要：簡單時(shí)分秒倒計(jì)時(shí)獲取當(dāng)前時(shí)間設(shè)置截止時(shí)間時(shí)間差定義變量保存倒計(jì)時(shí)的時(shí)間將倒計(jì)時(shí)賦值到中天時(shí)分秒遞歸每秒調(diào)用方法，顯示動(dòng)態(tài)時(shí)間效果 js簡單時(shí)分秒倒計(jì)時(shí) function countTime() { //獲取當(dāng)前時(shí)間 var date = new Date(); var now = date.getTime(); ...

Big_fat_cat 2019-08-21 17:29 評(píng)論0 收藏0
js筆記系列之--時(shí)間及時(shí)間戳

摘要：入門系列之時(shí)間及時(shí)間戳?xí)r間及時(shí)間戳?xí)r間及時(shí)間戳是里面很常見的一個(gè)概念，在我們寫前端頁面的時(shí)候，經(jīng)常會(huì)遇到需要獲取當(dāng)前時(shí)間的情況，所以，了解中的時(shí)間概念非常重要。 js入門系列之時(shí)間及時(shí)間戳時(shí)間及時(shí)間戳時(shí)間及時(shí)間戳是js里面很常見的一個(gè)概念，在我們寫前端頁面的時(shí)候，經(jīng)常會(huì)遇到需要獲取當(dāng)前時(shí)間的情況，所以，了解js中的時(shí)間概念非常重要。而時(shí)間戳是指格林威治時(shí)間1970年01月0...

wapeyang 2019-08-26 11:34 評(píng)論0 收藏0