发送短信验证码后60秒倒计时

jquery实现的发送短信验证码后60秒倒计时功能,完整实例可到http://smsow.zhenzikj.com/doc/sdk.html 下载"注册验证码"的demo。

直接下载:

java版: http://smsow.zhenzikj.com/demo/download.html?fileName=zhenzisms_java_demo

php版: http://smsow.zhenzikj.com/demo/download.html?fileName=zhenzisms_php_demo

效果图:

发送短信验证码后60秒倒计时_第1张图片

javascript源码

//短信验证码倒计时

var countdownHandler = function(){

var $button = $(".sendVerifyCode");

var number = 60;

var countdown = function(){

if (number == 0) {

$button.attr("disabled",false);

$button.html("发送验证码");

            number = 60;

            return;

        } else {

        $button.attr("disabled",true);

        $button.html(number + "秒 重新发送");

        number--;

        }

setTimeout(countdown,1000);

}

setTimeout(countdown,1000);

}

html源码

 

     

         

     

     

         

     

     

         

     

     

         

         

         

     

     

 

你可能感兴趣的:(发送短信验证码后60秒倒计时)