人间潜龙 2019-08-01 10:59 采纳率: 0%
浏览 1750
已采纳

请教 : Js, 如何写一个60秒的倒计时获得验证码按钮, 当倒计时的时候, 跳转别的页面再跳回来还能继续倒计时

页面写一个获得验证码的按钮, 点击按钮后, 会60秒的动态倒计时.
当倒计时的时候, 跳转别的页面, 还能继续倒计时, 在倒计时还没结束的时候跳转回原页面, 倒计时的按钮还在继续剩余的倒计时显示, 这种操作怎么实现?
这是我的倒计时Js代码, 应该怎么做?
我用的是bootStrap4 + jQuery

function invokeSetTime() {
    var verifyCodeBtn = $("#verifyCode_btn");
    // 倒计时
    var countdown = 60;
    setTime(verifyCodeBtn);
    function setTime(obj) {
            if (countdown === 0) {
                    $(obj).attr("disabled", false);
                    $(obj).text("获取验证码");
                    countdown = 60;
                    return;
            }
            else {
                    $(obj).attr("disabled", true);
                    $(obj).text("(" + countdown + ")s后重发");
                    countdown--;
            }
            setTimeout(function() {
                    setTime(obj)
            }
            ,1000)
    }
}
  • 写回答

3条回答 默认 最新

  • 一只成序源 2019-08-01 14:19
    关注

    前端缓存,localstorage保存和获取值。即便发生了跳转,这个值也不会消失。不过要及时清理掉

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面