JS 跳轉頁面延遲2種方法
更新時間：2013年03月29日 15:12:55 作者：
js跳轉頁面想必大家不會很陌生吧，在瀏覽頁面的時候經常會碰到這種現(xiàn)象存在如果可以延遲的話是不是會更委婉一點呢，接下來為大家介紹下如何實現(xiàn)，感興趣的朋友可以參考下哈
方法1：
<SPAN style="FONT-SIZE: 12px"><script type="text/javascript">
<!--
function go(t,url){
//t設置跳轉時間：秒
//url設置跳轉網址
document.write("<div id=text>本頁將在<strong id='tt'></strong>后，跳轉至：<span id='link'></span></div>");
document.getElementById("link").innerHTML="<a href="+url+">"+url+"</a>";
$(t,url);
}
function $(t,url){
ta = t-1;
tb = t + "000";
d = document.getElementById("tt");
d.innerHTML=t;
window.setInterval(function()
{
go_to(url);
},1000);
}
function go_to(url){
d.innerHTML=ta--;
if(ta<0){
document.write("正在跳轉至：<a href="+url+">"+url+"</a>");
location.href=url;
}
else{
return;
}
}
//-->
</script>
<script type="text/javascript">
go(5, "/Login.aspx")
</script> </SPAN>
方法2：
window.setTimeout("window.location='index.shtml'",2000);
//兩秒后跳轉新頁面
復制代碼 代碼如下:
<SPAN style="FONT-SIZE: 12px"><script type="text/javascript">
<!--
function go(t,url){
//t設置跳轉時間：秒
//url設置跳轉網址
document.write("<div id=text>本頁將在<strong id='tt'></strong>后，跳轉至：<span id='link'></span></div>");
document.getElementById("link").innerHTML="<a href="+url+">"+url+"</a>";
$(t,url);
}
function $(t,url){
ta = t-1;
tb = t + "000";
d = document.getElementById("tt");
d.innerHTML=t;
window.setInterval(function()
{
go_to(url);
},1000);
}
function go_to(url){
d.innerHTML=ta--;
if(ta<0){
document.write("正在跳轉至：<a href="+url+">"+url+"</a>");
location.href=url;
}
else{
return;
}
}
//-->
</script>
<script type="text/javascript">
go(5, "/Login.aspx")
</script> </SPAN>
方法2：
復制代碼 代碼如下:
window.setTimeout("window.location='index.shtml'",2000);
//兩秒后跳轉新頁面
您可能感興趣的文章:
- js中同步與異步處理的方法和區(qū)別總結
- javascript 文件的同步加載與異步加載實現(xiàn)原理
- Javascript實現(xiàn)商品秒殺倒計時（時間與服務器時間同步）
- js異步加載的三種解決方案
- jquery的ajax異步請求接收返回json數據實例
- jQuery Ajax異步處理Json數據詳解
- JS延遲加載(setTimeout) JS最后加載
- js函數setTimeout延遲執(zhí)行的簡單介紹
- Jquery.LazyLoad.js修正版下載，實現(xiàn)圖片延遲加載插件
- 幾種延遲加載JS代碼的方法加快網頁的訪問速度
- javascript實現(xiàn)圖片延遲加載方法匯總(三種方法)
- JS同步、異步、延遲加載的方法
相關文章
mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?
這篇文章主要介紹了mqtt.js?無法連接/錯誤提示?WebSocket?connection?to?‘ws://xxxxx‘?failed:,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
本文主要介紹了微信小程序開發(fā)之全局配置與頁面配置實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
這篇文章主要為大家介紹了從axios源碼角度解決bug的過程記錄，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要為大家介紹了網頁加載速度優(yōu)化技巧的方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR>2023-05-05
更正確的asp冒泡排序...2007-05-05
這篇文章主要為大家詳細介紹了js判斷密碼強度的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
2010-04-04
push和join方法想必大家并不陌生吧，在本文將為大家詳細介紹下js中的push和join方法的使用，感興趣的朋友可以參考下2013-10-10
iview通過Dropdown(下拉菜單)實現(xiàn)的右鍵菜單
這篇文章主要介紹了iview通過Dropdown(下拉菜單)實現(xiàn)的右鍵菜單 ,需要的朋友可以參考下2018-10-10
Javascript中的for in循環(huán)和hasOwnProperty結合使用
當檢測某個對象是否擁有某個屬性時，hasOwnProperty 是唯一可以完成這一任務的方法，在 for in 循環(huán)時，建議增加 hasOwnProperty 進行判斷，可以有效避免擴展本地原型而引起的錯誤2013-06-06