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。

不过实际上应该是回到未点击获取验证码的状态才对，再点击时再进行判断。