各种页面定时跳转(倒计时跳转)代码总结


Posted in Javascript onOctober 24, 2013

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:

(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)

<script type="text/javascript"> 
//3秒钟之后跳转到指定的页面 
setTimeout(window.location.href='http://www.baidu.com',3); 
</script>

(2)html代码实现,在页面的head区域块内加上如下代码
<!--5秒钟后跳转到指定的页面--> 
<meta http-equiv="refresh" content="5;url=http://www.baidu.com" />

(3)稍微复杂点,多见于登陆之后的定时跳转
<!doctype html> 
<head> 
<meta charset=utf-8" /> 
<title>js定时跳转页面的方法</title> 
</head> 
<body> 
<script> 
var t=10;//设定跳转的时间 
setInterval("refer()",1000); //启动1秒定时 
function refer(){ 
if(t==0){ 
location="http://www.baidu.com"; //#设定跳转的链接地址 
} 
document.getElementById('show').innerHTML=""+t+"秒后跳转到百度"; // 显示倒计时 
t--; // 计数器递减 
//本文转自: 
} 
</script> 
<span id="show"></span> 
</body> 
</html>
Javascript 相关文章推荐
Firefox+FireBug使JQuery的学习更加轻松愉快
Jan 01 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
javascript常用的正则表达式实例
May 15 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
javascript简单链式调用案例分析
May 10 Javascript
js使用highlight.js高亮你的代码
Aug 18 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
js 浏览本地文件夹系统示例代码
Oct 24 #Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Oct 24 #Javascript
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 #Javascript
js获取事件源及触发该事件的对象
Oct 24 #Javascript
jquery数据验证插件(自制,简单,练手)实例代码
Oct 24 #Javascript
浏览器兼容console对象的简要解决方案分享
Oct 24 #Javascript
js设置cookie过期及清除浏览器对应名称的cookie
Oct 24 #Javascript
You might like
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
PHP扩展mcrypt实现的AES加密功能示例
2019/01/29 PHP
数组Array进行原型prototype扩展后带来的for in遍历问题
2010/02/07 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
jquery foreach使用示例
2013/09/12 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
MvcPager分页控件 适用于Bootstrap
2017/06/03 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
2017/06/13 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
vue filters的使用详解
2018/06/11 Javascript
对 Vue-Router 进行单元测试的方法
2018/11/05 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
2019/01/15 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
如何基于JavaScript判断图片是否加载完成
2019/12/28 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
Python下载指定页面上图片的方法
2016/05/12 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
Python字典,函数,全局变量代码解析
2017/12/18 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
python清除函数占用的内存方法
2018/06/25 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
python中如何写类
2020/06/29 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
幼儿园国庆节活动方案
2014/02/01 职场文书
办公室岗位职责
2014/02/12 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
教师党员自我评价2015
2015/03/04 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
Redis模仿手机验证码发送的实现示例
2021/11/02 Redis