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 相关文章推荐
经验几则 推荐
Sep 05 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
vue 解决异步数据更新问题
Oct 29 Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
javascript实现点击按钮切换轮播图功能
Sep 23 Javascript
React自定义hook的方法
Jun 25 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
颠覆常识!无色透明的咖啡诞生了(中日双语)
2021/03/03 咖啡文化
教你如何把一篇文章按要求分段
2006/10/09 PHP
详解WordPress中简码格式标签编写的基本方法
2015/12/22 PHP
使用composer安装使用thinkphp6.0框架问题【视频教程】
2019/10/01 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
js如何判断输入字符串长度
2015/12/16 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
Bootstrap导航简单实现代码
2017/03/06 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
2017/07/27 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
详解VUE2.X过滤器的使用方法
2018/01/11 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
vue--点击当前增加class,其他删除class的方法
2018/09/15 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
[06:43]DAC2018 4.5 SOLO赛 Maybe vs Paparazi
2018/04/06 DOTA
Python中字符串的常见操作技巧总结
2016/07/28 Python
在django中使用自定义标签实现分页功能
2017/07/04 Python
Python字符串格式化的方法(两种)
2017/09/19 Python
Python有序字典简单实现方法示例
2017/09/28 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
Django框架实现的普通登录案例【使用POST方法】
2019/05/15 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
办公文员的工作岗位职责
2013/11/12 职场文书
生物科学专业个人求职信范文
2013/12/07 职场文书
十八届三中全会报告学习材料
2014/02/17 职场文书
早会主持词
2014/03/17 职场文书
《三个小伙伴》教学反思
2014/04/11 职场文书
2014财务年终工作总结
2014/12/08 职场文书
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript