码迷,mamicode.com
首页 > Web开发 > 详细

js实现验证码倒计时效果

时间:2017-05-27 15:23:35      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:计时   function   input   .post   attr   settime   this   timeout   countdown   

<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实现验证码倒计时效果

标签:计时   function   input   .post   attr   settime   this   timeout   countdown   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!