js 实现验证码倒计时

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 2425 天前的主题，其中的信息可能已经有所发展或是发生改变。

1.我用 setInterval 设置的倒计时，当跳转到下一页在返回时，本来每次减 1 返回之后每次减 2，再点下一页再返回时减 3.什么原因？怎么解决？ 2.页面刷新倒计时从头开始怎么解决？让它接着上次的时间往下走？

7 条回复 • 2018-04-03 16:13:36 +08:00

zzuieliyaoli

2018-04-02 22:55:32 +08:00

1，听起来是单页面应用。在路由切换的时候，把当前页的 setInterval 给清除掉

2，那就从头开始呗，谁让用户刷新页面呢？如果想接着上次的时间往下走，可以存在 localStorage ；但是这个时间的“过期”的逻辑是什么呢？

apolodu

2018-04-03 01:42:40 +08:00

1. 你需要清除计时器.
2. 要避免刷新后从头开始, 你需要将数据持久化存储, 可以使用 localStorage/文件 /数据库等等.

goofcc

2018-04-03 08:56:58 +08:00

这个不算是问题，某淘的手机版也是存在类似问题，有兴趣的可以去看看，呵呵

masteryi

2018-04-03 09:10:50 +08:00 via iPhone

@zzuieliyaoli 页面跳走了，怎么拿到上个页面计时器再清除？

masteryi

2018-04-03 09:17:16 +08:00 via iPhone

@zzuieliyaoli 哦知道了我把计时器设在 rootscop 就能拿到了

flowfire

2018-04-03 16:12:54 +08:00

1. 在页面 destroy 的时候清楚计时器，这个不管是 Angular 还是 Vue 都有对应的扣子，React 没用过不清楚
2. 如果要求刷新后页面显示继续可以保存在 localstorage 里，其实也可以用户发送验证码的时候后台提示时间没过拒绝发送

flowfire

2018-04-03 16:13:36 +08:00

@flowfire #6 清楚计时器 => 清除计时器，扣子 => 钩子
手滑了