js倒計時重新整理頁面不重新計時

2021-08-20 13:44:23 字數 432 閱讀 9825

在做傳送手機驗證碼時經常用倒計時限制使用者請求傳送量,一般都是60s。但是重新整理頁面後倒計時會重置,這樣使用者不用等待60s就可以重新傳送。

要做到重新整理頁面而不重置時間,肯定要把倒計時時間記住,可以記在cookie裡,也可以記在session裡,但是記在cookie裡很容易被篡改。因此選擇了session:

前端頁面及js**:

倒計時:s

php**:

function gettime()

$time = 60;

$put_time = session('time');

if (!$put_time) else

}echo $time;

}

總體思路很簡單,但感覺效率不是很高。

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

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

倒計時頁面

倒計基本原理 其實就是獲取兩個時間的時間差,然後除1000換算成秒數,除60換算成分,除360換算成小時,除24 360換算成日 這個函式是當前時間距離你選定的日期 函式的引數 相差的時間 function lefttime year,month,day,hour,minute,second fun...

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

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