JavaScript实现页面5秒后自动跳转的方法


Posted in Javascript onApril 16, 2015

这个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://3water.com/
<script type="text/javascript">
countDown(5,'https://3water.com/');
</script> 
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript 中介者模式实例
Dec 16 Javascript
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 Javascript
Angularjs实现多个页面共享数据的方式
Mar 29 Javascript
Javascript 5种方法实现过滤删除前后所有空格
Jun 22 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 Javascript
vue v-model表单控件绑定详解
May 17 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
Javascript Worker子线程代码实例
Feb 20 Javascript
探索浏览器页面关闭window.close()的使用详解
Aug 21 Javascript
JavaScript实现随机替换图片的方法
Apr 16 #Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 #Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 #Javascript
jquery插件bxslider用法实例分析
Apr 16 #Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 #Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 #Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 #Javascript
You might like
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
ext 代码生成器
2009/08/07 Javascript
jQuery 选择器理解
2010/03/16 Javascript
js各种验证文本框输入格式(正则表达式)
2010/10/22 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
基于jQuery实现的QQ表情插件
2015/08/25 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
详解Angular开发中的登陆与身份验证
2016/07/27 Javascript
全面解析Angular中$Apply()及$Digest()的区别
2016/08/04 Javascript
js实现旋转木马效果
2017/03/17 Javascript
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
react koa rematch 如何打造一套服务端渲染架子
2019/06/26 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
Python3.2中Print函数用法实例详解
2015/05/19 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
python数据处理实战(必看篇)
2017/06/11 Python
python中的随机函数random的用法示例
2018/01/27 Python
Python实现判断给定列表是否有重复元素的方法
2018/04/11 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
如何在存储过程中使用Loop
2016/01/05 面试题
求职自荐信
2013/12/14 职场文书
《桃林那间小木屋》教学反思
2014/05/01 职场文书
银行金融服务方案
2014/06/11 职场文书
党支部四风整改方案
2014/10/25 职场文书
高中化学教学反思
2016/02/22 职场文书
详解CSS不受控制的position fixed
2021/05/25 HTML / CSS
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫