天天看點

60秒倒計時頁面

<script type="text/javascript">

                                            //聲明事件中用到的變量

                                            var clock = '';  //計時器

                                            var nums = 60;   //倒計時初始值

                                            var btn;         //按鈕對象

                                            //thisBtn為點選的發送驗證碼按鈕,該事件為點選後的觸發事件

                                            function sendCode(thisBtn) {

                                                  //通過id選擇器擷取輸入框的手機号;

                                                var tel = $("#telephone").val();

                                                //判斷手機号輸入是否合法

//                                                 alert(tel);

                                                var reg = /^1[3|4|5|6|7|8|9][0-9]{9}$/;

                                                var r = reg.test(tel);

                                                if(!r){

                                                    alert("請輸入正确的手機号");

                                                    return;

                                                }

                                                //驗證通過後發送ajax請求給使用者發送短信驗證碼

                                                $.post("customerAction_sendcheckcode.action",{"telephone":tel},function(data){

                                                    if(data=='1'){

                                                        alert('驗證碼發送成功,請注意查收');

                                                    }else{

                                                        alert('驗證碼發送失敗,請聯系客戶');

                                                    }

                                                });

                                                btn = thisBtn;

                                                btn.disabled = true; //将按鈕置為不可點選

                                                btn.value = nums + '秒後重新擷取';

                                                clock = setInterval(doLoop, 1000); //以一定周期執行某個函數,機關毫秒

                                            }

                                            function doLoop() {

                                                nums--;

                                                if (nums > 0) {

                                                    btn.value = nums + '秒後重新擷取';

                                                } else {

                                                    clearInterval(clock); //清除js定時器

                                                    btn.disabled = false;

                                                    btn.value = '重新擷取驗證碼';

                                                    nums = 60; //重置時間

                                                }

                                            }

                                        </script>

繼續閱讀