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和Ajax中文乱码吐血版解决方案
Dec 21 Javascript
Javascript代码在页面加载时的执行顺序介绍
May 03 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
微信小程序-详解数据缓存
Nov 24 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 Javascript
JavaScript创建对象的四种常用模式实例分析
Jan 11 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
json字符串对象转换代码实例
Sep 28 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 和 XML: 使用expat函数(三)
2006/10/09 PHP
PHP+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
9个PHP开发常用功能函数小结
2011/07/15 PHP
基于PHP生成静态页的实现方法
2013/05/10 PHP
PHP中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
PHP时间处理类操作示例
2018/09/05 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
JavaScript prototype 使用介绍
2013/08/29 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
JS把内容动态插入到DIV的实现方法
2016/07/19 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
Vue使用json-server进行后端数据模拟功能
2018/04/17 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
python中使用%与.format格式化文本方法解析
2017/12/27 Python
Numpy掩码式数组详解
2018/04/17 Python
python实现微信定时每天和女友发送消息
2019/04/29 Python
Python 变量的创建过程详解
2019/09/02 Python
python中dict()的高级用法实现
2019/11/13 Python
Python requests模块基础使用方法实例及高级应用(自动登陆,抓取网页源码)实例详解
2020/02/14 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
Watch Station官方网站:世界一流的手表和智能手表
2020/01/05 全球购物
空指针到底是什么
2012/08/07 面试题
C#中的验证控件有几种
2014/03/08 面试题
党员岗位承诺口号大全
2014/03/28 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
协会周年庆活动方案
2014/08/26 职场文书
企业员工辞职信范文
2015/05/12 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis
在Python中如何使用yield
2021/06/07 Python