JS 簡易倒計時

2021-06-27 15:59:11 字數 1250 閱讀 6684

簡易倒計時,非常簡單。

這裡主要用到了setinterval()和clearinterval()方法;

定義:setinterval()方法可按照指定的週期(以毫秒計)來呼叫函式或計算表示式。

setinteral()方法會不停地呼叫函式,直到clearinterval()被呼叫或視窗被關閉。由setinterval()返回的id值可用作clearinterval方法的引數。

setinterval()方法主要有以下兩個引數:

引數描述

code

必須。要呼叫的函式或要執行的**串

millisec

必須。週期性執行或呼叫code之間的時間間隔,以毫秒計。

思路:1天 = 24小時 = 24 * 60分 = 24 * 60 * 60秒;

1小時 = 60 分 = 60 * 60秒;

1分 = 60秒;

day = 秒數 / 24 * 60 * 60;

hour = 秒數 / (60 * 60) - (day * 24);

minute = 秒數 / 60 - (day * 24 * 60) - hour * 60;

second = 秒數 - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);

下面貼上**:

;(function($) ;

timecountdown.prototype = ,

_setinterval: function(intdiff)

if (hour <= 9) hour = '0' + hour;

if (minute <= 9) minute = '0' + minute;

if (second <= 9) second = '0' + second;

console.log(day + '天'+ hour +'時'+ minute +'分'+ second +'秒');

if (intdiff == '0') clearinterval(interval);

intdiff--;

}, 1000)

}};

return new timecountdown().init();

})(jquery)

在實際專案中可能會有這種需求在不同的時間間隔內倒計時跨度不同。

這裡可以把時間間隔,根據不同的需求,通過變數傳遞進去,就不需要寫多個setinterval()方法了。

js倒計時,秒倒計時,天倒計時

html 1 html 2 距某某開幕式還有 天 html html html id timer style color red 這次利用系統時間自校驗倒計時,無需手工調校使得倒計時更為精確,及詳細注釋如下 id clock 00 01 11 00 id startb type button val...

js 多個倒計時,毫秒倒計時

其實主要是借鑑了了這篇文的寫法 俺稍作了修改,以便更適合我的需要 實現功能 呼叫乙個函式,傳入html元素的id,和乙個截止時間 unix時間戳 在該html元素中列印出到當前到截止時間為止的倒計時,精確到毫秒 效果圖如下 h2 毫秒的倒計時 h2 div id timer1 div div id ...

倒計時 心跳倒計時

我從悶熱的午後醒來,可還是頭痛得厲害,睡意再次湧上心頭,我告訴自己不能再昏睡下去,於是決定出門去清醒一下。現在的天氣雖說有些燥熱,但是陰涼處還是比較涼爽,我慢慢地走,接著慢跑了起來,夕陽散發著最後一縷餘暉。我邊看著眼前的城市邊際的美景邊深呼吸著,隨著耳機裡傳來的 律動著。突然有個聲音從我腦海裡響起,...