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


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 相关文章推荐
常用参考资料(手册)下载或者链接
Jul 22 Javascript
Javascript 验证上传图片大小[客户端]
Aug 01 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
vue路由拦截及页面跳转的设置方法
May 24 Javascript
JavaScript实现的简单Tab点击切换功能示例
Jul 06 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
初学node.js中实现删除用户路由
May 27 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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
教你php如何实现验证码
2016/01/20 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
JS DOM 操作实现代码
2010/08/01 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
js中this的用法实例分析
2015/01/10 Javascript
jQuery实现的淡入淡出二级菜单效果代码
2015/09/15 Javascript
jquery validation验证表单插件
2017/01/07 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
理解javascript async的用法
2017/08/22 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
jQuery实现手风琴效果(蒙版)
2020/01/11 jQuery
JavaScript实现轮播图效果
2020/10/30 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
[00:43]TI7不朽珍藏III——幽鬼不朽展示
2017/07/15 DOTA
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
详解python string类型 bytes类型 bytearray类型
2017/12/16 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2019/04/26 Python
利用python将图片版PDF转文字版PDF
2019/05/03 Python
基于python模拟bfs和dfs代码实例
2020/11/19 Python
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
英国独特家具和家庭用品购物网站:Cuckooland
2020/08/30 全球购物
工艺员岗位职责
2014/02/11 职场文书
机动车登记业务委托书
2014/10/08 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
《兰兰过桥》教学反思
2016/02/20 职场文书
Windows server 2022创建创建林、域树、子域的步骤
2022/06/25 Servers