推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
masteryi

js 实现验证码倒计时

  •  
  •   masteryi · Apr 2, 2018 · 4477 views
    This topic created in 3137 days ago, the information mentioned may be changed or developed.

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

    7 replies  •  2018-04-03 16:13:36 +08:00
    zzuieliyaoli
    zzuieliyaoli
    Apr 2, 2018❤️1
    1
    1,听起来是单页面应用。在路由切换的时候,把当前页的 setInterval 给清除掉

    2,那就从头开始呗,谁让用户刷新页面呢?如果想接着上次的时间往下走,可以存在 localStorage ;但是这个时间的“过期”的逻辑是什么呢?
    apolodu
    apolodu
    Apr 3, 2018
    2
    1. 你需要清除计时器.
    2. 要避免刷新后从头开始, 你需要将数据持久化存储, 可以使用 localStorage/文件 /数据库等等.
    goofcc
    goofcc
    Apr 3, 2018
    3
    这个不算是问题,某淘的手机版也是存在类似问题,有兴趣的可以去看看,呵呵
    masteryi
    masteryi
    OP
    Apr 3, 2018 via iPhone
    4
    @zzuieliyaoli 页面跳走了,怎么拿到上个页面计时器再清除?
    masteryi
    masteryi
    OP
    Apr 3, 2018 via iPhone
    5
    @zzuieliyaoli 哦知道了我把计时器设在 rootscop 就能拿到了
    flowfire
    flowfire
    Apr 3, 2018
    6
    1. 在页面 destroy 的时候清楚计时器,这个不管是 Angular 还是 Vue 都有对应的扣子,React 没用过不清楚
    2. 如果要求刷新后页面显示继续可以保存在 localstorage 里,其实也可以用户发送验证码的时候后台提示时间没过拒绝发送
    flowfire
    flowfire
    Apr 3, 2018
    7
    @flowfire #6 清楚计时器 => 清除计时器, 扣子 => 钩子
    手滑了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5383 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 02:06 · PVG 10:06 · LAX 18:06 · JFK 21:06
    ♥ Do have faith in what you're doing.