V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
masteryi

js 实现验证码倒计时

  •  
  •   masteryi · Apr 2, 2018 · 4017 views
    This topic created in 2952 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
        1
    zzuieliyaoli  
       Apr 2, 2018   ❤️ 1
    1,听起来是单页面应用。在路由切换的时候,把当前页的 setInterval 给清除掉

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