jquery实现发送短信倒计时

最新推荐文章于 2023-02-13 15:06:54 发布

转载最新推荐文章于 2023-02-13 15:06:54 发布 · 788 阅读

文章标签：

#倒计时 #jquery

前端基础专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery实现的验证码倒计时功能。该功能通过禁用按钮并显示剩余时间来防止用户在指定时间内重复点击获取验证码。通过设置定时器，每隔一秒更新倒计时状态。

我也忘了转载自哪里，没有注明原创应该就没有关系吧

以下是代码

前台页面：

<input type='button' id='btn' onclick='sendSms()' value='获取验证码'>

jQ代码：

var countdown = 60;
function sendSms()
{
  var obj = $('#btn');
  settime(obj);
}

function settime(obj)
{
  if(countdowm == 0) {
      obj.attr('disabled',false);
      obj.val('获取验证码');
      countdown = 60;
      return;
    } else {
      obj.attr('disabled',true);
      obj.val("重新发送("+countdown+")");
      countdown--;
    }
    setTimeout(function(){
      settime(obj)
    },1000)
}

setTimeout()是jq函数