js实现验证码倒计时效果

Posted 2020-09-20 偏偏夜里下起了雨

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

}