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


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 相关文章推荐
关于query Javascript CSS Selector engine
Apr 12 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
Mar 20 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
ionic组件ion-tabs选项卡切换效果实例
Aug 27 Javascript
快速解决js开发下拉框中blur与click冲突
Oct 10 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
Vuejs监听vuex中值的变化的方法示例
Dec 02 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
AM/FM收音机的安装与调试
2021/03/02 无线电
PHP经典的给图片加水印程序
2006/12/06 PHP
PHP 文件上传源码分析(RFC1867)
2009/10/30 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
thinkphp实现把数据库中的列的值存到下拉框中的方法
2017/01/20 PHP
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
2015/08/25 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
vue 实现边输入边搜索功能的实例讲解
2018/09/16 Javascript
vue操作动画的记录animate.css实例代码
2019/04/26 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
python字典的常用操作方法小结
2016/05/16 Python
使用Python中的tkinter模块作图的方法
2017/02/07 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
如何使用python3获取当前路径及os.path.dirname的使用
2019/12/13 Python
Python函数参数类型及排序原理总结
2019/12/19 Python
python实现小程序推送页面收录脚本
2020/04/20 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
法国珠宝店:CLEOR
2017/01/29 全球购物
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
加拿大领先家居家具网上购物:Aosom.ca
2020/05/27 全球购物
维护民族团结演讲稿
2014/08/27 职场文书
感谢信范文大全
2015/01/23 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
Python实现文本文件拆分写入到多个文本文件的方法
2021/04/18 Python
Vue3中的Refs和Ref详情
2021/11/11 Vue.js
redis protocol通信协议及使用详解
2022/07/15 Redis