단 추 를 누 르 면 인증 코드 를 보 냅 니 다.카운트다운 의 간단 한 인 스 턴 스 가 나타 납 니 다.

실례 는 다음 과 같다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
 
var InterValObj; //timer  ,     
var count = 30; //    ,1    
var curCount;//       
 
function sendMessage() { 
  curCount = count; 
  //  button  ,     
   $("#btnSendCode").attr("disabled", "true"); 
   $("#btnSendCode").val(curCount + "       "); 
   InterValObj = window.setInterval(SetRemainTime, 1000); //     ,1      
    
  //          TODO 
 
} 
 
//timer     
function SetRemainTime() { 
      if (curCount == 0) {         
        window.clearInterval(InterValObj);//      
        $("#btnSendCode").removeAttr("disabled");//     
        $("#btnSendCode").val("       "); 
      } 
      else { 
        curCount--; 
        $("#btnSendCode").val(curCount + "       "); 
      } 
    } 
</script> 
</head> 
<body> 
    <input id="btnSendCode" type="button" value="     " onclick="sendMessage()" /></p> 
</body> 
</html> 
이상 의 이 단 추 를 누 르 면 인증 코드 를 보 냅 니 다.카운트다운 이 나타 나 는 간단 한 인 스 턴 스 는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 가 되 고 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기