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模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
轻松掌握JavaScript中的Math object数学对象
May 26 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
利用vue.js实现被选中状态的改变方法
Feb 08 Javascript
JS中双击和单击事件冲突的解决方法
Apr 09 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
May 16 Javascript
JavaScript学习笔记之图片库案例分析
Jan 08 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 27 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 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 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
javascript一些不错的函数脚本代码
2008/09/10 Javascript
prototype Element学习笔记(篇一)
2008/10/26 Javascript
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
extJs 下拉框联动实现代码
2010/04/09 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
2016/09/21 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
基于IView中on-change属性的使用详解
2018/03/15 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
详解从Vue-router到html5的pushState
2018/07/21 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
jQuery实现鼠标滑动切换图片
2020/05/27 jQuery
JavaScript编写开发动态时钟
2020/07/29 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
通过源码分析Python中的切片赋值
2017/05/08 Python
python实现自动发送邮件发送多人、群发、多附件的示例
2018/01/23 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
教师党员公开承诺事项
2014/05/28 职场文书
党支部审查意见
2015/06/02 职场文书
七年级作文之游记
2019/12/11 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
浅析Python实现DFA算法
2021/06/26 Python
【海涛教你打DOTA】虚空假面第一视角骨弓3房29杀
2022/04/01 DOTA