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 处理 URL 的两个函数代码
Aug 13 Javascript
封装了一个js图片轮换效果的函数
Sep 28 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
js实现图片切换(动画版)
Dec 25 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
Apr 19 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
Dec 23 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
Mar 07 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
javascript事件监听与事件委托实例详解
Aug 16 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 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 Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
php四种基础算法代码实例
2013/10/29 PHP
php+mysql实现数据库随机重排实例
2014/10/17 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
javascript与asp.net(c#)互相调用方法
2009/12/13 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
JQuery中如何传递参数如click(),change()等具体实现
2013/04/28 Javascript
js模拟select下拉菜单控件的代码
2013/05/08 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
vue基础之data存储数据及v-for循环用法示例
2019/03/08 Javascript
基于Node的Axure文件在线预览的实现代码
2019/08/28 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
2020/12/04 Javascript
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
Python中的条件判断语句基础学习教程
2016/02/07 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
Python pandas 列转行操作详解(类似hive中explode方法)
2020/05/18 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
美国排名第一的在线葡萄酒商店:Wine.com
2016/09/07 全球购物
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
.NET方向面试题
2014/11/20 面试题
护理职业应聘自荐书
2013/09/29 职场文书
旅游管理毕业生自荐书
2014/02/02 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
销售员试用期自我评价
2014/09/15 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
“5.12”护士节主持词
2015/07/04 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
Python数据分析之绘图和可视化详解
2021/06/02 Python