js 3秒后跳轉(zhuǎn)頁面的實現(xiàn)代碼
更新時間:2014年03月10日 14:28:21 作者:
這篇文章主要介紹了js 3秒后跳轉(zhuǎn)頁面的實現(xiàn)代碼,需要的朋友可以參考下
隔多少秒后自動跳轉(zhuǎn)到其它頁(js腳本)
方法一:
在<head></head>之間加入js
復(fù)制代碼 代碼如下:
<script language="javascript">
var secs = 3; //倒計時的秒數(shù)
var URL ;
function Load(url){
URL = url;
for(var i=secs;i>=0;i--)
{
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);
}
}
function doUpdate(num)
{
document.getElementById('ShowDiv').innerHTML = '將在'+num+'秒后自動跳轉(zhuǎn)到主頁' ;
if(num == 0) { window.location = URL; }
}
</script>
然后在<body>里面加上<body onload="Load('index.asp')"> index.asp為自己要跳轉(zhuǎn)的頁面。
在<body></body>之間加上<div id="ShowDiv"></div>
方法二:
復(fù)制代碼 代碼如下:
<p style="text-indent: 2em; margin-top: 30px;">
系統(tǒng)將在 <span id="time">5</span> 秒鐘后自動跳轉(zhuǎn)至新網(wǎng)址,如果未能跳轉(zhuǎn),<a href="http://www.dbjr.com.cn" title="點擊訪問">請點擊</a>。</p>
<script type="text/javascript">
delayURL();
function delayURL() {
var delay = document.getElementById("time").innerHTML;
var t = setTimeout("delayURL()", 1000);
if (delay > 0) {
delay--;
document.getElementById("time").innerHTML = delay;
} else {
clearTimeout(t);
window.location.href = "http://www.dbjr.com.cn";
}
}
</script>
相關(guān)文章
datePicker——日期選擇控件(with jquery)
用法很簡單,而且js文件也很小,之前也見過一些日期選擇控件,但個頭都比較大,影響速度2007-02-02