jquery实现发送短信倒计时

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

Laomoon2

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

阅读量729

点赞数

分类专栏：前端基础文章标签：倒计时 jquery

前端基础专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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

以下是代码

前台页面：

<input type='button' id='btn' οnclick='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函数