< input type= "button" value= "获取验证码" onclick= "clickButton(this)" / >
function clickButton ( obj) {
var obj = $ ( obj) ;
obj. attr ( "disabled" , "disabled" ) ;
var time = 60 ;
var set = setInterval ( function ( ) {
obj. val ( -- time+ "(s)" ) ;
} , 1000 ) ;
setTimeout ( function ( ) {
obj. attr ( "disabled" , false ) . val ( "重新获取验证码" ) ;
clearInterval ( set ) ;
} , 60000 ) ;
}
60秒倒计时
$ ( '#sendSns' ) . click ( function ( ) {
timeOut ( '#sendSns' , 60 ) ;
} ) ;
function timeOut ( id, times) {
var sendBtn = $ ( id) ;
var html = times+ '秒后重新发送' ;
sendBtn. addClass ( 'btn-dis' ) ;
sendBtn. val ( html) ;
sendBtn. attr ( 'disabled' , true ) ;
var timer = setInterval ( function ( ) {
times-- ;
sendBtn. val ( times+ '秒后重新发送' ) ;
if ( times=== 0 ) {
clearInterval ( timer) ;
sendBtn. val ( '发送验证码' ) ;
sendBtn. removeClass ( 'btn-dis' ) ;
sendBtn. attr ( 'disabled' , false ) ;
return true ;
} else {
return false ;
}
} , 1000 ) ;
}