打開jsp/html，3秒後自動跳轉

打開一個頁面，過幾秒跳轉，一般會應用在某些操作成功或者失敗之後，給出提示，然後跳回到別的頁面。比如你註冊成功或者失敗後，添加成功後者失敗後。效果稍微好點兒的，會用隱藏域或者ajax在頁面上直接提示並刷新，不會通過這種的頁面進行跳轉，效果和操作體驗都要比這種幾秒自動跳轉要好，但是這裏，我還是把這種的記錄一下。

 

第一種：<script> window.setInterval("location='index.jsp'",3000); </script>  使用interval函數跳轉，這裏的3000是毫秒單位，也就是3秒。

 

第二種：<meta http-equiv="refresh" content="3;url=http://localhost:8080/test/index.jsp" />，這裏的content=3，便是3秒的跳轉。

 

第三種：<script type="text/javascript">

delayURL("index.action",3000);

function delayURL(url, time) {

     setTimeout("location.href='" + url + "'", time);

}

   </script>

 

第四種：<script type="text/javascript">

function countDown(time,url){

    $("#second").text(time);//<span>中顯示的內容值

     if(url==''){

             url="/";

     }

     if(--time>0){

            setTimeout("countDown("+time+",'"+url+"')",1000);//設定超時時間

     }

     else{

         location.href=url;//跳轉頁面

     }

}

</script>

這種的稍微麻煩點，它的顯示頁面代碼爲：

 

Html代碼 

 

<div class="suc">  

            <div class="title"><span >操作提示</span></div>  

            <ul>  

                <li><span class="font1">${msg}</span></li>  

                <li>再過<span id="second">5</span>秒後自動跳轉<script language='javascript'>countDown(5,'${session.redirectUrl}');</script></li>  

            </ul>  

 </div>