JS 跳转页面延迟2种方法
更新时间：2013年03月29日 15:12:55 作者：
js跳转页面想必大家不会很陌生吧，在浏览页面的时候经常会碰到这种现象存在如果可以延迟的话是不是会更委婉一点呢，接下来为大家介绍下如何实现，感兴趣的朋友可以参考下哈
方法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);
//两秒后跳转新页面
相关文章
mqtt.js 无法连接/错误提示 WebSocket connection to ‘ws://xxxxx‘
这篇文章主要介绍了mqtt.js 无法连接/错误提示 WebSocket connection to ‘ws://xxxxx‘ failed:,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-01-01
本文主要介绍了微信小程序开发之全局配置与页面配置实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
这篇文章主要为大家介绍了从axios源码角度解决bug的过程记录，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要为大家介绍了网页加载速度优化技巧的方案详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪<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(下拉菜单)实现的右键菜单 ,需要的朋友可以参考下2018-10-10
Javascript中的for in循环和hasOwnProperty结合使用
当检测某个对象是否拥有某个属性时，hasOwnProperty 是唯一可以完成这一任务的方法，在 for in 循环时，建议增加 hasOwnProperty 进行判断，可以有效避免扩展本地原型而引起的错误2013-06-06
最新评论