前端短信验证码倒计时

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var btnSendCode = document.getElementById('btnSendCode')
function getcode() {
  let username = $("input[name=username]").val();
  var loading = layer.load(1);
  $.post("{:url('frontend/Sign/sendCode')}", { username: username }, function (response) {
    layer.close(loading);
    if (response.code != 1) {
      layer.msg(response.msg, function () { });
      return;
    }
    layer.msg(response.msg);
    btnSendCode.setAttribute("disabled", true);
    settime(60)
  })
 
}

  下面是倒计时的代码

复制代码
  function settime(countdown) {
    if (countdown == 0) {
      btnSendCode.removeAttribute("disabled");
      btnSendCode.value = "获取验证码";
    } else {
      btnSendCode.setAttribute("disabled", true);
      btnSendCode.value = "重新发送(" + countdown + ")";
      countdown--;
    }
    setTimeout(function () {
      settime(countdown)
    }, 1000)
  }
复制代码

 

posted @   潇宸1998  阅读(165)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示