首页 > Web开发 > 详细

js实现验证码倒计时效果

时间:2017-05-27 14:49:56      阅读:336      评论:0      收藏:0      [点我收藏+]

<input type="button" id="btn" value="获取验证码" onclick="getrand(this);"/> 

一、已上是点击获取验证码的点击区。

二、以下是js代码

var countdown = 60;

function getrand(obj) {

if(countdown == 60){

$.post("/Home/Index/randNum",

function (data) {

document.getElementById(‘sjs‘).value = data;

} )

}

//以上$.post是为了从后台得到一个随机数进行验证,可以忽略,不影响倒计时60s效果,而且还完美的只从后台生成了一个随机数。

if (countdown == 0) {

obj.removeAttribute("disabled");

obj.value = "获取验证码";

countdown = 60;

return;

} else

{ obj.setAttribute("disabled", true);

obj.value = "重新发送(" + countdown + ")";

countdown--;

}

setTimeout(

function() { getrand(obj); },

1000)

}

js实现验证码倒计时效果

原文:http://www.cnblogs.com/chenyufu/p/6912692.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!