js实现验证码倒计时效果

时间:2023-01-11 22:01:31

<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)

}