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);
//两秒后跳转新页面
相关文章
现在冬天下雪已经是很常见的事情了,为了应景,我们可以为我们的网站增加雪花飘落的效果,这个应该还是很不错的,下面这篇文章主要给大家介绍了关于利用JS+Canvas给南方的冬季来一场纷纷扬扬的大雪,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了typescript中声明合并介绍，类型合并表明编译器将合并两个分开的并且名称相同的声明，合并之后的声明拥有两个声明的特点，任意数量的声明可以被合并，不仅限两个，更多相关内容需要的朋友可以参考下面文章内容2022-09-09
最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑,需要的朋友可以参考下2018-02-02
DOM3中引入了文本事件，其中之一 textInput 。当用户再可编辑区域输入字符时触发该事件。2011-04-04
这篇文章主要介绍了Javascript confirm多种使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
本文使用 Three.js + React + CANNON 技术栈，实现通过滑动屏幕控制模型在3D世界里运动的 Low Poly 低多边形风格小游戏，感兴趣的可以了解一下2022-04-04
JavaScript返回当前会话cookie全部键值对照的方法
这篇文章主要介绍了JavaScript返回当前会话cookie全部键值对照的方法,涉及javascript操作cookie的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
这篇文章主要为大家详细介绍了JS自定义滚动条效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
本文主要介绍了使用javascript实现简单的选项卡切换的效果，代码非常的简单，兼容性十分棒，这里推荐给小伙伴们。2015-01-01
这篇文章主要介绍了JS文件/图片从电脑里面拖拽到浏览器上传文件/图片,需要的朋友可以参考下2017-03-03
最新评论