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程序设计有所帮助。

相关文章

  • Worker加载JS脚本跨域问题的几种解决方法

    Worker加载JS脚本跨域问题的几种解决方法

    Web Worker 是一种在后台线程中运行的 JavaScript 脚本,允许我们在不阻塞主线程的情况下执行复杂计算或处理,Worker 加载的 JS 脚本如果存在跨域问题,可能导致脚本无法正常加载和执行,以下是解决 Worker 加载 JS 脚本跨域问题的几种方法,需要的朋友可以参考下
    2025-02-02
  • js查找父节点的简单方法

    js查找父节点的简单方法

    用javascript实现的查找父节点的代码,方法比较不错
    2008-06-06
  • JavaScipt选取文档元素的方法(推荐)

    JavaScipt选取文档元素的方法(推荐)

    下面小编就为大家带来一篇JavaScipt选取文档元素的方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript使用shift方法移除素组第一个元素实例分析

    JavaScript使用shift方法移除素组第一个元素实例分析

    这篇文章主要介绍了JavaScript使用shift方法移除素组第一个元素的用法,实例分析了javascript中shift方法的使用技巧,需要的朋友可以参考下
    2015-04-04
  • 用javascript删除当前行,添加行(示例代码)

    用javascript删除当前行,添加行(示例代码)

    这篇文章主要介绍了用javascript删除当前行,添加行的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • js实现数字从零慢慢增加到指定数字示例

    js实现数字从零慢慢增加到指定数字示例

    今天小编就为大家分享一篇js实现数字从零慢慢增加到指定数字示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • 原生Js实现按的数据源均分时间点幻灯片效果(已封装)

    原生Js实现按的数据源均分时间点幻灯片效果(已封装)

    腾讯新闻详情页有一个事件进展效果, 觉得挺有意思. 于是, 就有了本文的效果: 按数据源均分时间点幻灯. 花了三个多小时写的, 当然, 包括样式与调试. 兼容主流。
    2010-12-12
  • 微信小程序getLocation 需要在app.json中声明permission字段

    微信小程序getLocation 需要在app.json中声明permission字段

    这篇文章主要介绍了微信小程序getLocation 需要在app.json中声明permission字段,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • JavaScript如何删除数组元素(总结篇)

    JavaScript如何删除数组元素(总结篇)

    在JavaScript中,除了Object之外,Array类型恐怕就是最常用的类型了,与其他语言的数组有着很大的区别,JavaScript中的Array非常灵活,今天我就来总结了一下JavaScript中Array删除的方法,感兴趣的朋友跟随小编一起看看吧
    2023-12-12
  • js实现简单点赞操作

    js实现简单点赞操作

    这篇文章主要为大家详细介绍了js实现简单点赞操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论