簡單描述：需求上說，修改密碼完成之後，要有個倒計時3秒，倒計時完成之後，才返回到登錄頁面，而不是修改完密碼，立即返回到登錄的頁面

代碼：

//html代碼
<div class="portlet light bordered" id="loginbox">
       <div class="tab-content">
           <div class="row">
               <form action="" class="horizontal-form" method="post" id="searchForm" autocomplete="off">
                   <div class="col-md-12">
                       <div class="col-md-6">
                           <label class="control-label flex" style="margin-top: 10px;">
                               原密碼：
                           </label>
                       </div>
                   </div>
                   <div class="col-md-12">
                       <div class="col-md-6">
                           <div class="control-group">
                               <div class="controls">
                                   <div class="main_input_box">
                                       <input type="password" name="name" id="passwordOri" class="form-control"
                                              placeholder="請輸入原密碼"
                                              maxlength="50" allowKeyboard="true" value=""/>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-md-12">
                       <div class="col-md-6">
                           <label class="control-label flex" style="margin-top: 10px;">
                               新密碼：
                           </label>
                       </div>
                   </div>
                   <div class="col-md-12">
                       <div class="col-md-6">
                           <div class="control-group">
                               <div class="controls">
                                   <div class="main_input_box">
                                       <input type="password" name="name" id="passwordNew" class="form-control"
                                              placeholder="請輸入新密碼"
                                              maxlength="50" allowKeyboard="true" value=""/>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="col-md-12">
                       <div class="col-md-6">
                           <label class="control-label flex" style="margin-top: 10px;">
                               確認新密碼：
                           </label>
                       </div>
                   </div>
                   <div class="col-md-12">
                       <div class="col-md-6">
                           <div class="control-group">
                               <div class="controls">
                                   <div class="main_input_box">
                                       <input type="password" name="name" id="passwordCon" class="form-control"
                                              placeholder="確認新密碼"
                                              maxlength="50" allowKeyboard="true" value=""/>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               </form>
               <div class="col-md-6" style="margin-top: 10px;float: right;clear: right" id="showmsg
 
">
                   <button class="btn sbold default" id="resetConten" style="float: right;margin-left: 10px;">
                       <span class="ladda-label">清空</span>
                   </button>
                   <button class="btn sbold blue" id="confirm" style="float: right;">
　　　　　　　　　　　　　<span class="ladda-label" onclick="checkServer()">確認修改</span>
                   </button>
               </div>
           </div>
       </div>
   </div>

//js代碼
$.ajax({
    type: "POST",
    url: rootPath + ‘/pri/user/changePassword‘,
    data: {keyData:code},
    dataType:‘json‘,
    cache: false,
    success: function(data){
        if("success" == data.result){
           $("#loginbox").tips({
              sids:1,
              msg:"修改成功，將在3秒後返回登錄界面，請重新登錄！",
              bg : ‘#FF5080‘,
              time:3
           });
           var t=parseInt(3);
           window.setInterval(function () {
               if(t>0){
                   $("#showmsg").html(‘還剩下<a class="flip-link btn btn-info">‘+t+‘秒‘+‘</a>秒刷新‘);
               }else{
                   var path = rootPath+‘main/logout‘;
                   top.location.href=path;
               }
               t--;
           },1000);
        }else if("fail" == data.result){
           $("#passwordOri").tips({
               side : 1,
               msg : "原始密輸入不正確",
               bg : ‘#FF5080‘,
               time : 3
           });
           $("#passwordOri").focus();
                return false;
        }else{
           $("#passwordOri").tips({
               side : 1,
               msg : "異常",
               bg : ‘#FF5080‘,
               time : 3
           });
         $("#passwordOri").focus();
              return false;
       }
   }
});

總結：代碼就這一點，主要用到了 window.setInterval(code, delay), 具體了解請查閱https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setInterval

修改密碼成功後，倒計時三秒後，跳轉到登錄頁面