<input type="button" id="btn" value="http://www.mamicode.com/获取验证码" onclick="getrand(this);"/> 

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

二、以下是js代码

var countdown = 60;

function getrand(obj) {

if(countdown == 60){

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

function (data) {

document.getElementById(‘sjs‘).value = http://www.mamicode.com/data;

} )

}

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

if (countdown == 0) {

obj.removeAttribute("disabled");

obj.value = "http://www.mamicode.com/获取验证码";

countdown = 60;

return;

} else

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

obj.value = "http://www.mamicode.com/重新发送(" + countdown + ")";

countdown--;

}

setTimeout(

function() { getrand(obj); },

1000)

}

js实现验证码倒计时效果