验证码倒计时

<input id="send" type="button" value="发送验证码">

js

var times = 60, // 时间设置60秒

 timer = null;

document.getElementById('send').onclick = function () {

 // 计时开始

 timer = setInterval(function () {

 times--;

 if (times <= 0) {

 send.value = '发送验证码';

 clearInterval(timer);

 send.disabled = false;

 times = 60;

 } else {

 send.value = times + '秒后重试';

 send.disabled = true;

 }

 }, 1000);

}

jq

var times = 60,

    timer = null;

$('#send').on('click', function () {

    var $this = $(this);

    // 计时开始

    timer = setInterval(function () {

        times--;

        if (times <= 0) {

            $this.val('发送验证码');

            clearInterval(timer);

            $this.attr('disabled', false);

            times = 60;

        } else {

            $this.val(times + '秒后重试');

            $this.attr('disabled', true);

        }

    }, 1000);

});

 

posted @ 2018-05-21 10:49  小宋宋  阅读(156)  评论(0编辑  收藏  举报