文章详情页
javascript - js代码获取验证码倒计时问题
浏览:124日期:2023-03-17 11:28:07
问题描述
获取验证码倒计时的时候(譬如倒计时在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. dockerfile - [docker build image失败- npm install]2. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题3. java如何高效读写10G以上大文件4. angular.js - angular内容过长展开收起效果5. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下6. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败!7. javascript - vue-router怎么不能实现跳转呢8. javascript - IOS微信audio标签不能通过touchend播放9. docker不显示端口映射呢?10. 关docker hub上有些镜像的tag被标记““This image has vulnerabilities””
排行榜
![dockerfile - [docker build image失败- npm install]](http://www.haobala.com/attached/image/news/202311/1028105a80.png)