摘要:不想每次用倒計時,都現(xiàn)寫代碼,比較煩,這里記一下,也順便分享一些倒計時簡單的邏輯。函數(shù)里第一個數(shù)字是到時間長度,第二個回調函數(shù),回傳的就是當前時間??闭`修正了幾個文字錯誤優(yōu)化了幾個變量
不想每次用倒計時,都現(xiàn)寫代碼,比較煩,這里記一下,也順便分享一些倒計時簡單的邏輯。
如果你有更簡單方便的代碼,可以分享給大家。
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ù)里第一個數(shù)字是到時間長度,
第二個回調函數(shù),回傳的time就是當前時間。
勘誤:
1018-12-12 修正了幾個文字錯誤;優(yōu)化了幾個變量
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://m.hztianpu.com/yun/99913.html
摘要:剛寫的開源小插件,在這里宣傳下地址歡迎吐槽一個用來實現(xiàn)簡單頁面倒計時的輕量級工具根據(jù)要計時的秒數(shù)打開一個顯示剩余時間的倒計時參數(shù)放置倒計時的元素要計時的秒數(shù)用于給倒計時設置標記可以給多個倒計時設置同一個標記分割時分秒的分割符倒計時結束時執(zhí)行 剛寫的開源小插件,在這里宣傳下 ^_^ github地址:https://github.com/flypie2/Co... 歡迎吐槽 ^_^ Co...
摘要:由于引擎同一時間只執(zhí)行一段代碼這是由單線程的性質決定的,所以每個代碼塊阻塞了其它異步事件的進行。這意味著瀏覽器將等待著一個新的異步事件發(fā)生。異步的任務執(zhí)行的順序是不固定的,主要看返回的速度。 我們經(jīng)常說JS是單線程的,比如node.js研討會上大家都說JS的特色之一是單線程的,這樣使JS更簡單明了,可是大家真的理解所謂JS的單線程機制嗎?單線程時,基于事件的異步機制又該當如何,這些知識...
摘要:我們的導航條有搜索輸入框和按鈕,現(xiàn)在我們來完善這部分功能。然后設計一個,其樣式如下不僅在倒計時結束后跳轉回首頁,還增加了一個立即跳轉的按鈕通過實現(xiàn),其代碼如下提示提示信息未找到相關結果,秒后將自動跳轉回首頁。 我們的導航條有搜索輸入框和按鈕,現(xiàn)在我們來完善這部分功能。首先搜索的邏輯,我們簡單地設定為問題的title或者content包含搜索的關鍵字即可。假設搜索的關鍵字存在變量keyw...
摘要:簡單時分秒倒計時獲取當前時間設置截止時間時間差定義變量保存倒計時的時間將倒計時賦值到中天時分秒遞歸每秒調用方法,顯示動態(tài)時間效果 js簡單時分秒倒計時 function countTime() { //獲取當前時間 var date = new Date(); var now = date.getTime(); ...
摘要:入門系列之時間及時間戳時間及時間戳時間及時間戳是里面很常見的一個概念,在我們寫前端頁面的時候,經(jīng)常會遇到需要獲取當前時間的情況,所以,了解中的時間概念非常重要。 js入門系列之 時間及時間戳 時間及時間戳 時間及時間戳是js里面很常見的一個概念,在我們寫前端頁面的時候,經(jīng)常會遇到需要獲取當前時間的情況,所以,了解js中的時間概念非常重要。而時間戳是指格林威治時間1970年01月0...
閱讀 2440·2021-11-24 11:16
閱讀 2174·2021-09-30 09:47
閱讀 2087·2021-09-10 10:51
閱讀 1376·2019-08-30 14:08
閱讀 3201·2019-08-30 13:47
閱讀 1605·2019-08-30 13:02
閱讀 3283·2019-08-29 12:29
閱讀 3358·2019-08-26 17:05