jQuery手機發送驗證碼倒計時代碼

標籤：輸入   ror   格式   倒計時   方式   value   ajax   計時   message   

<!DOCTYPE><html>    <head>        <meta charset="UTF-8">        <script type="text/javascript" src="http://s29.xtest.tech/res/bxdapp/js/jquery.min.js"></script>        <script type="text/javascript">        var InterValObj; //timer變數，控制時間        var count = 5; //間隔函數，1秒執行        var curCount;//當前剩餘秒數        function sendMessage() {          　curCount = count;        　　//設定button效果，開始計時             $("#btnSendCode").attr("disabled", "true");             $("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");             InterValObj = window.setInterval(SetRemainTime, 1000); //啟動計時器，1秒執行一次        　　  //向後台發送處理資料             $.ajax({             　　type: "POST", //用POST方式傳輸             　　dataType: "text", //資料格式:JSON             　　url: ‘Login.ashx‘, //目標地址            　　 data: "dealType=" + dealType +"&uid=" + uid + "&code=" + code,            　　 error: function (XMLHttpRequest, textStatus, errorThrown) { },             　　success: function (msg){ }             });        }        //timer處理函數        function SetRemainTime() {            if (curCount == 0) {                                window.clearInterval(InterValObj);//停止計時器                $("#btnSendCode").removeAttr("disabled");//啟用按鈕                $("#btnSendCode").val("重新發送驗證碼");            }            else {                curCount--;                $("#btnSendCode").val("請在" + curCount + "秒內輸入驗證碼");            }        }        </script>    </head>    <input id="btnSendCode" type="button" value="發送驗證碼" onclick="sendMessage()" /></p></body></html>

　　

jQuery手機發送驗證碼倒計時代碼