按钮倒计时小工具

function bindEvent() {
$("#hqYzm").click(function() {

var maps = ["xmobile"];
var flag = true;
$.each(maps,
function(i, key) {
if (key) {
var rule = rules[key];
if (rule) {
if (!rule()) {
flag = false;
}
}
}
return flag;
});
if (!flag) {
return;
}
init();

$.ajax({
          type : "post",
              url: "/webservice/user/getValidateCode.do",
              dataType : "json",
              data: {'mobile': $("#xmobile").val()}, 
              cache: false,
              error : function(){
             $("#errortips").html("注：请求超时");
              },
              success: function (data) {
                  if (data.code =="ACK") {
                 alert("手机验证码已发送到你的手机");
                  } else {
                 $("#errortips").html("注：" + data.msg);
                  }
              }
          }); 
});

var sec = 60;

var millisec = sec * 1000;
var secNum = 0;
var countInterval;




function init(){
window.clearInterval(countInterval);
secNum = 0;
document.getElementById("hqYzm").value = "再次发送验证码[" + sec + "]";
document.getElementById("hqYzm").disabled = true;
countInterval = setInterval("countDown()",1000);
}




function countDown() {
if(secNum <= sec) {
var pntNum = (millisec / 1000) - secNum;
document.getElementById("hqYzm").value = "再次发送验证码[" + pntNum + "]";
if(secNum == sec){
TimeOver();
}
secNum++;
}else{
window.clearInterval(countInterval);
}
}


function TimeOver() {
document.getElementById("hqYzm").value = "再次发送验证码";
document.getElementById("hqYzm").disabled = false;
}

 

 

 

var sec = 60;
var millisec = sec * 1000;
var secNum = 0;
var countInterval;

function init(){
 window.clearInterval(countInterval);
 secNum = 0;
 $("#hqYzm").val("再次发送验证码[" + sec + "]");
 $("#hqYzm").attr("disabled","disabled");
 countInterval = setInterval("countDown()",1000);
}

function countDown() {
 if(secNum <= sec) {
  var pntNum = (millisec / 1000) - secNum;
  $("#hqYzm").val("再次发送验证码[" + pntNum + "]");
  if(secNum == sec){
   TimeOver();
  }
  secNum++;
 }else{
  window.clearInterval(countInterval);
 }
}

function TimeOver() {
 $("#hqYzm").val("再次发送验证码");
 $("#hqYzm").removeAttr("disabled");
}

 http://www.zzjs.net/ js 特效网站