js 实现验证码倒计时

[masteryi]

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

[zzuieliyaoli]

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

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

[apolodu]

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

[goofcc]

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

[masteryi]

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

[masteryi]

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

[flowfire]

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

[flowfire]

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