编程 Javascript

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

- Author -

igoo

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

setTimeout的延时为0时多个浏览器的区别

May 23 Javascript

常用一些Javascript判断函数

Aug 14 Javascript

js判断浏览器类型及设备（移动页面开发）

Jul 30 Javascript

深入理解JS中的substr和substring

Apr 26 Javascript

JS添加或修改控件的样式(Class)实现方法

Oct 15 Javascript

Bootstrap基本插件学习笔记之标签切换(17)

Dec 08 Javascript

jsonp跨域请求详解

Jul 13 Javascript

微信小程序实现根据字母选择城市功能

Aug 16 Javascript

Vue中的验证登录状态的实现方法

Mar 09 Javascript

利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序

Jun 07 Javascript

Vue 解决父组件跳转子路由后当前导航active样式消失问题

Jul 21 Javascript

AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案

Aug 13 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弹出错误警告函数扩展性强

2014/01/17 PHP

php实现微信公众号无限群发

2015/10/11 PHP

详解php语言最牛掰的Laravel框架

2017/11/20 PHP

js 获取浏览器高度和宽度值(多浏览器)

2009/09/02 Javascript

js中有关IE版本检测

2012/01/04 Javascript

浅谈Node.js中的定时器

2015/06/18 Javascript

JS实现样式清新的横排下拉菜单效果

2015/10/09 Javascript

阿里巴巴技术文章分享 Javascript继承机制的实现

2016/01/14 Javascript

利用JS实现文字的聚合动画效果

2017/01/22 Javascript

JS实现css hover操作的方法示例

2017/04/07 Javascript

详解nodejs微信公众号开发——5.素材管理接口

2017/04/11 NodeJs

vue Render中slots的使用的实例代码

2017/07/19 Javascript

JavaScript事件对象深入详解

2018/12/30 Javascript

Vue+Element UI+Lumen实现通用表格分页功能

2019/02/02 Javascript

jQuery实现为table表格动态添加或删除tr功能示例

2019/02/19 jQuery

微信小程序Echarts覆盖正常组件问题解决

2019/07/13 Javascript

vue封装可复用组件confirm,并绑定在vue原型上的示例

2019/10/31 Javascript

[01:51]DAC趣味视频-如何成为职业选手.mp4

2017/04/02 DOTA

python 中random模块的常用方法总结

2017/07/08 Python

python logging日志模块以及多进程日志详解

2018/04/18 Python

python抖音表白程序源代码

2019/04/07 Python

Python 取numpy数组的某几行某几列方法

2019/10/24 Python

Python获取统计自己的qq群成员信息的方法

2019/11/15 Python

解决PDF 转图片时丢文字的一种可能方式

2021/03/04 Python

微信端html5页面调用分享接口示例

2018/03/14 HTML / CSS

美国农场鲜花速递：The Bouqs

2018/07/13 全球购物

FORZIERI福喜利中国官网：奢侈品购物梦工厂

2019/05/03 全球购物

波兰汽车配件网上商店：iParts.pl

2020/09/08 全球购物

linux面试相关问题

2012/08/11 面试题

合伙协议书范本

2014/04/21 职场文书

《周恩来的四个昼夜》观后思想汇报范文两篇

2014/09/10 职场文书

离婚协议书范文2014（夫妻感情破裂）

2014/12/14 职场文书

2015教师年度考核评语

2015/03/25 职场文书

银行稽核岗位职责

2015/04/13 职场文书

中学政教处工作总结

2015/08/13 职场文书

mysql5.5中文乱码问题解决的有用方法

2022/05/30 MySQL