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


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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
Jun 29 Javascript
js变量以及其作用域详解
Jul 18 Javascript
jquery弹出框的用法示例(2)
Aug 26 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
Dec 20 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
javascript基础知识
Jun 07 Javascript
简单实现jQuery轮播效果
Aug 18 jQuery
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
Vue-resource安装过程及使用方法解析
Jul 21 Javascript
JS轻量级函数式编程实现XDM二
Jun 16 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
加速XP搜索功能堪比vista
2007/03/22 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
PHP常见错误提示含义解释(实用!值得收藏)
2016/04/25 PHP
laravel框架数据库配置及操作数据库示例
2019/10/10 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
jquery CSS选择器笔记
2010/03/29 Javascript
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
Jquery焦点图实例代码
2014/11/25 Javascript
javascript实现的固定位置悬浮窗口实例
2015/04/30 Javascript
vue中的event bus非父子组件通信解析
2017/10/27 Javascript
vue中实现滚动加载更多的示例
2017/11/08 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
Vue实现验证码功能
2019/12/03 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
python 实现判断ip连通性的方法总结
2018/04/22 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
Python中os模块功能与用法详解
2020/02/26 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
python爬虫把url链接编码成gbk2312格式过程解析
2020/06/08 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
python一些性能分析的技巧
2020/08/30 Python
详解Python中的路径问题
2020/09/02 Python
Pycharm创建文件时自动生成文件头注释(自定义设置作者日期)
2020/11/24 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
计算机专业自我鉴定
2013/10/15 职场文书
个人求职信范文分享
2013/12/13 职场文书
党支部评议意见
2015/06/02 职场文书
安全守法证明
2015/06/23 职场文书
Vue3.0 手写放大镜效果
2021/07/25 Vue.js