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


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 相关文章推荐
经常用的图片在容器中的水平垂直居中实例
Jun 10 Javascript
ext读取两种结构的xml的代码
Nov 05 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
IE、FF浏览器下修改标签透明度
Jan 28 Javascript
jquery通过ajax加载一段文本内容的方法
Jan 15 Javascript
在 Angular 中实现搜索关键字高亮示例
Mar 21 Javascript
VUE axios上传图片到七牛的实例代码
Jul 28 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
基于Vue2.X的路由和钩子函数详解
Feb 09 Javascript
json对象及数组键值的深度大小写转换问题详解
Mar 30 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 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中socket的用法详解
2014/10/24 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
javascript学习之闭包分析
2010/12/02 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
scrapyd schedule.json setting 传入多个值问题
2019/08/07 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
js实现滚动条自动滚动
2020/12/13 Javascript
Python获取电脑硬件信息及状态的实现方法
2014/08/29 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
在Python中操作文件之read()方法的使用教程
2015/05/24 Python
Python操作串口的方法
2015/06/17 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
python 一维二维插值实例
2020/04/22 Python
python中的列表和元组区别分析
2020/12/30 Python
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
TripAdvisor德国:全球领先的旅游网站
2017/12/07 全球购物
英国现代绅士品牌:Hackett
2017/12/17 全球购物
C/C++有关内存的思考题
2015/12/04 面试题
公司人力资源的自我评价
2014/01/02 职场文书
中国好声音华少广告词
2014/03/17 职场文书
教师对学生的寄语
2014/04/03 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
个人委托函范文
2015/01/29 职场文书
简历自我评价优缺点
2015/03/11 职场文书
培训班开班主持词
2015/07/02 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
浅谈Python项目的服务器部署
2021/04/25 Python
python实现腾讯滑块验证码识别
2021/04/27 Python
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫