js簡單倒計時

wangym 發布于2019-08-23 14:00 / 1798人閱讀

摘要：不想每次用倒計時，都現寫代碼，比較煩，這里記一下，也順便分享一些倒計時簡單的邏輯。函數里第一個數字是到時間長度，第二個回調函數，回傳的就是當前時間。勘誤修正了幾個文字錯誤優化了幾個變量

不想每次用倒計時，都現寫代碼，比較煩，這里記一下，也順便分享一些倒計時簡單的邏輯。

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

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

函數里第一個數字是到時間長度，
第二個回調函數，回傳的time就是當前時間。

勘誤：
1018-12-12 修正了幾個文字錯誤；優化了幾個變量

GPU云服務器云服務器簡單的倒計時 js倒計時計算 js購物倒計時 js生成倒計時

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

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

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

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

mdluo 2019-08-22 10:34 評論0 收藏0
JS 異步的實現

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

sihai 2019-08-22 11:14 評論0 收藏0
15.搜索功能的實現與頁面倒計時跳轉

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

DobbyKim 2019-07-30 15:29 評論0 收藏0
js天時分秒倒計時（轉）

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

Big_fat_cat 2019-08-21 17:29 評論0 收藏0
js筆記系列之--時間及時間戳

摘要：入門系列之時間及時間戳時間及時間戳時間及時間戳是里面很常見的一個概念，在我們寫前端頁面的時候，經常會遇到需要獲取當前時間的情況，所以，了解中的時間概念非常重要。 js入門系列之時間及時間戳時間及時間戳時間及時間戳是js里面很常見的一個概念，在我們寫前端頁面的時候，經常會遇到需要獲取當前時間的情況，所以，了解js中的時間概念非常重要。而時間戳是指格林威治時間1970年01月0...

wapeyang 2019-08-26 11:34 評論0 收藏0