javascript - js程式碼取得驗證碼倒數計時問題

Question

取得驗證碼倒數計時的時候(譬如倒數在40s),我點擊連結去到另外一個頁面(_self,本頁面跳轉,不新開標籤),經過一段時間,點擊回退按鈕後回到倒數計時的頁,倒數仍舊從40s開始.

想要的效果是,倒數按照實際的事件繼續走動.譬如我停留了20s,回來倒數計時應該在20

請問,有什麼解決方案嗎?(跳轉的新頁面的js沒辦法修改)

Answer 1

用類似這樣的程式碼，將發送驗證碼的時間儲存到sessionStorage中，用當前時間做減法：

var sentTime = new Date().getTime();
sessionStorage.setItem('sentTime', sentTime);
console.log(sentTime);
var timePassed;
setInterval(function(){
    timePassed = (new Date().getTime() - sessionStorage.getItem('sentTime')); 
    console.log(timePassed);
},1000);

Answer 2

倒數計時存到localstorage裡，每次到這個頁都先從localstorage讀

Answer 3

可以把目前狀態存到sessionStorage。

不過其實應該是回到未點擊取得驗證碼的狀態才對，再點擊時再進行判斷。