文章详情页
javascript - js代码获取验证码倒计时问题
问题描述
获取验证码倒计时的时候(譬如倒计时在40s),我点击链接去到另外一个页面(_self,本页面跳转,不新开标签),经过一段时间,点击回退按钮后回到倒计时的页面,倒计时仍旧从40s开始.
想要的效果是,倒计时按照实际的事件继续走动.譬如我停留了20s,回来倒计时应该在20
请问,有什么解决方案吗?(跳转的新页面的js没办法修改)
问题解答
回答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);回答2:
倒计时存到localstorage里,每次到这个页面都先从localstorage读
回答3:可以把当前状态存到sessionStorage。
不过实际上应该是回到未点击获取验证码的状态才对,再点击时再进行判断。
标签:
JavaScript
相关文章:
1. flexbox - css3[flex-shrink]属性在子项有 padding/box-sizing 属性时,是如何计算子项宽度的?2. 【python小白】 问关于property的顺序问题3. 9.png中在同一方向上设置多个拉伸位置,在android studio中怎么弄出来?4. angular.js - angular1如何使用跨域后的得到的数据5. angular.js - 如何在指令里使用ng-click6. android-studio - Android Studio 中有没有类似C#的#if DEBUG功能7. angular.js input输入正确数据框变红色8. JS怎么给每相隔一行的TD添加filter滤镜?9. angular.js - Angular 像这种重复判断的表达式 有什么好的解决办法吗?~10. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么?
排行榜