modal實作按鈕倒計時

$("#btn_checkCode").click(function(){

                $("#btn_checkCode").attr("disabled","disabled");//點擊一次不可再點

                var interval = setInterval(function(){//定義定時器

                    $("#btn_checkCode").val(c+"s之后重試");

                    c--;

                    if(c == 0){

                        clearInterval(interval);//清除定時器

                        $("#btn_checkCode").val("重新獲取驗證碼");

                        $("#btn_checkCode").removeAttr("disabled");//洗掉這個屬性

                        c=60;

                        code="";//生成新的代碼，以前的用不了

                        generateCheckCode()

                    }

                },1000);

            })

        <div class="modal fade signin_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">

            <div class="modal-dialog modal-lg" role="document">

                <div class="modal-content">

                    <div class="sign-content">

                        <div class="modal-header">

                            <h2>注冊</h2>

                        </div><!--/.modal-header -->

                        <div class="modal-body">

                            <div class="signin-form">

                                <div class=" ">

                                    <div class=" ">

                                            <div class="form-group">

                                                <label for="email_mod">郵箱</label>

                                                <input type="email" class="form-control" id="email_mod" placeholder="請輸入郵箱">

                                            </div><!--/.form-group -->

                                            <div class="form-group">

                                                <label for="pwd_mod">密碼</label>

                                                <text id="text_pwd"></text>

                                                <input type="password" class="form-control" id="pwd_mod" placeholder="請輸入密碼">

                                            </div><!--/.form-group -->

                                            <div class="form-group">

                                                <label for="checkCode">驗證碼</label>

                                                <input type="text" class="form-control" id="checkCode" placeholder="請輸入驗證碼">

                                                <br>

                                                <button id="btn_checkCode" type="button" class="btn" style="float: left">

                                                    發送驗證碼

                                                </button>

                                                <label style="float: left;margin-left: 10px" >tips:驗證碼將發送到您的郵箱~</label>

                                            </div>

                                            <input type="submit" id="btn_signup" class="btn signin_btn" value="https://bbs.csdn.net/topics/注冊">

                                    </div><!--/.col -->

                                </div><!--/.row -->

                            </div><!--/.signin-form -->

                        </div><!--/.modal-body -->



                    </div><!--/.sign-content -->

                </div><!--/.modal-content -->

            </div><!--/.modal-dialog -->

        </div><!--/.modal -->

uj5u.com熱心網友回復：

標籤：JavaScript

上一篇：Servlet為啥輸入文字輸出都是問號啊

下一篇：Webpack知識整理———插件&提高開發體驗