js實現60s倒計時效果用於獲取短信驗證碼使用

有時候我們需要通過點擊按鈕向用戶發送短信，需要一個計時效果。

 <button id="msg" type="button" style="width:120px; height:30px" >獲取短信驗證</button>
       <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">
	 var count=60,timer=null;
     $("#msg").click(function()
	 {    
          /*防止用戶重復點擊按鈕*/
	   if(timer==null){
	   timer=setInterval(function(){count--;$("#msg").text(count+"秒后獲取驗證碼");
           if(count<=0){clearInterval(timer);$("#msg").text("點擊獲取驗證碼");timer=null;}},1000);
	   }
	});

    </script>

　　

顯示效果：