JS写一个倒计时的验证器定时器(验证码60秒内无法发送)

话不多说,直接上代码


                    //发送验证码的按钮

      <button type="button" id="dyMobileButton">发送验证码</button>


                    //记得引用 JS 的样式

       $("#dyMobileButton").click(function ()
        {
            //设置时间为60
            var time = 60;
            //设置定时器
		    setInterval(function ()
	    	{
                //进入定时器,秒数减一
		       	time--;
                //判断秒数是否大于0
		       	if(time > 0)
		       	{
                    //将内容进行更改
		       		$("#dyMobileButton").html('重新发送'+time+'秒');
                    //并且使用 disabled 函数,作用是按钮变成灰色无法点击
		       		$("#dyMobileButton").prop('disabled',true);
		       	}
		       	else
		       	{
                    //时间归0后将内容再次改变
		       		$("#dyMobileButton").html('发送验证码');
                    //关闭 disabled 函数,可以正常点击
		            $("#dyMobileButton").prop('disabled',false);
		       	}
		      },1000);
        }
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值