js頁面跳轉

這是一個經常可以看到的頁面跳轉效果。使用到的是delay go to url.

首先要加入這樣一個標籤,數字5 表示幾秒後跳轉。

<span id="time">5</span>秒鐘後跳轉,如不跳轉,請點擊下面鏈接

這是方法部分:

<script language="JavaScript1.2" type="text/javascript">
    function delayURL(url){
        var delay=document.getElementById("time").innerHTML; //獲取名字爲“time”的標籤內字符
        if(delay>0){
            delay--;
            document.getElementById("time").innerHTML=delay;
                    }else{
            window.top.location.href=url;
        }
        setTimeout("delayURL('"+url +"')",1000);    //隔一秒就執行delayURL(url)方法
    }
</script>

在<body>中加入代碼:

<a href="***.jsp">請點擊</a>
<script type="text/javascript">
    delayURL("***.jsp");  //要跳轉的頁面
</script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章