JavaScript实现页面5秒后自动跳转的方法
更新时间：2015年04月16日 10:00:26 作者：igoo
这篇文章主要介绍了JavaScript实现页面5秒后自动跳转的方法,涉及javascript递归调用与计时函数setTimeout的使用技巧,非常具有实用价值,需要的朋友可以参考下
这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到，感兴趣的朋友可以收藏一下！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JavaScript控制页面5秒后自动跳转的代码</title>
<script type="text/javascript">
function countDown(secs,surl){
//alert(surl);
var jumpTo = document.getElementById('jumpTo');
jumpTo.innerHTML=secs;
if(--secs>0){
setTimeout("countDown("+secs+",'"+surl+"')",1000);
}
else
{
location.href=surl;
}
}
</script>
</head>
<body><span id="jumpTo">5</span>秒后自动跳转到https://www.jb51.net/
<script type="text/javascript">
countDown(5,'https://www.jb51.net/');
</script>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
本文主要介绍了JS中2种定时器的使用及清除的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
2010-05-05
今天想实现jQuery的unwrap效果，换言之，就是用其孩子把其父节点干掉。为了效率，用到文档碎片，而取孩子时使用到childNodes（返回一个nodeList）2010-03-03
解决html input验证只能输入数字,不能输入其他的问题
下面小编就为大家带来一篇解决html input验证只能输入数字,不能输入其他的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JavaScript对数字的判断与处理方法,实例分析了javascript判断数字的常见方法与针对数字处理的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了js检测离开或刷新页面时表单数据是否更改的方法,涉及javascript表单操作及事件响应的相关技巧,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了JS控制静态页面传递参数并获取参数应用的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
本文主要介绍了three.js创建楼层布局图的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(暂只IE下有效)2009-01-01
javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果2012-07-07
最新评论