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 相关文章推荐
关于 byval 与 byref 的区别分析总结
Oct 08 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
Aug 01 Javascript
js window.open弹出新的网页窗口
Jan 16 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
原生js实现百叶窗效果及原理介绍
Apr 12 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
Jul 22 jQuery
MockJs结合json-server模拟后台数据
Aug 26 Javascript
浅谈克隆 JavaScript
Nov 02 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
全文搜索和替换
2006/10/09 PHP
php教程 插件机制在PHP中实现方案
2012/11/02 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
js 手机号码合法性验证代码集合
2012/09/29 Javascript
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
JavaScript通过prototype给对象定义属性用法实例
2015/03/23 Javascript
超链接怎么正确调用javascript函数
2016/05/23 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
基于Vue和Element-Ui搭建项目的方法
2019/09/06 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
python调用java的Webservice示例
2014/03/10 Python
bat和python批量重命名文件的实现代码
2016/05/19 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
Pycharm在创建py文件时,自动添加文件头注释的实例
2018/05/07 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
python 定时器每天就执行一次的实现代码
2019/08/14 Python
python 实现二维列表转置
2019/12/02 Python
pytorch中交叉熵损失(nn.CrossEntropyLoss())的计算过程详解
2020/01/02 Python
哥伦比亚最大的网上商店:Linio哥伦比亚
2016/09/25 全球购物
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
药店主任岗位责任制
2014/02/10 职场文书
主持人演讲稿
2014/05/13 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
医院安全生产月活动总结
2014/07/05 职场文书
日语系毕业求职信
2014/07/27 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
关于运动会广播稿200字
2014/10/08 职场文书
2014年材料员工作总结
2014/11/19 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
小学毕业教师寄语
2019/06/21 职场文书
vue中data里面的数据相互使用方式
2022/06/05 Vue.js
JavaScript中10个Reduce常用场景技巧
2022/06/21 Javascript