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


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 相关文章推荐
由浅到深了解JavaScript类
Sep 08 Javascript
浅说js变量
May 25 Javascript
Javascript图像处理—为矩阵添加常用方法
Dec 27 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
Apr 29 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
jquery右下角自动弹出可关闭的广告层
May 08 Javascript
window.onload使用指南
Sep 13 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
Sep 14 Javascript
在vue中使用G2图表的示例代码
Mar 19 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 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在字符串中查找另一个字符串
2008/11/19 PHP
查找php配置文件php.ini所在路径的二种方法
2014/05/26 PHP
php链表用法实例分析
2015/07/09 PHP
Yii基于CActiveForm的Ajax数据验证用法示例
2016/07/14 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
PHP7 弃用功能
2021/03/09 PHP
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
js操作label给label赋值及取label的值示例
2013/11/07 Javascript
js 对小数加法精度处理示例说明
2013/12/27 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
jQuery实现获取绑定自定义事件元素的方法
2015/12/02 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
js实现秒表计时器
2019/12/16 Javascript
微信小程序实现导航栏和内容上下联动功能代码
2020/06/29 Javascript
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
一篇不错的Python入门教程
2007/02/08 Python
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
在Django的session中使用User对象的方法
2015/07/23 Python
Django自定义用户认证示例详解
2018/03/14 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
Python目录和文件处理总结详解
2019/09/02 Python
django 模型中的计算字段实例
2020/05/19 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
大学生未来职业生涯规划书
2014/02/15 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
2014年度个人工作总结
2014/11/07 职场文书
如何写通讯稿
2015/07/22 职场文书
2019银行竞聘书
2019/06/21 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
Python深度学习之实现卷积神经网络
2021/06/05 Python
Python爬虫入门案例之回车桌面壁纸网美女图片采集
2021/10/16 Python
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers