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


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 相关文章推荐
用 JSON 处理缓存
Apr 27 Javascript
Js切换功能的简单方法
Nov 23 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
JavaScript多线程详解
Aug 12 Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
Oct 29 Javascript
javascript实现页面滚屏效果
Jan 17 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
Angular5给组件本身的标签添加样式class的方法
Apr 07 Javascript
express.js中间件说明详解
Mar 19 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小技巧搜集,每个PHPer都来露一手
2007/01/02 PHP
php 购物车的例子
2009/05/04 PHP
thinkPHP实现多字段模糊匹配查询的方法
2016/12/01 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
一段实时更新的时间代码
2006/07/07 Javascript
JScript中的&quot;this&quot;关键字使用方式补充材料
2007/03/08 Javascript
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
javascript之函数直接量(function(){})()
2007/06/29 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
js事件(Event)知识整理
2012/10/11 Javascript
js返回上一页并刷新的多种实现方法
2014/02/26 Javascript
js和css写一个可以自动隐藏的悬浮框
2014/03/05 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
2019/05/09 Javascript
用javascript实现倒计时效果
2021/02/09 Javascript
浅析Python 中整型对象存储的位置
2016/05/16 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
NFL加拿大官方网上商店:NHLShop.ca
2019/03/12 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
金鑫耀Java笔试题
2014/09/06 面试题
高中自我鉴定范文
2013/11/03 职场文书
五一服装活动方案
2014/01/11 职场文书
教师试用期自我鉴定
2014/02/12 职场文书
司机职责范本
2014/03/08 职场文书
物业保安员岗位职责
2014/03/14 职场文书
满月酒邀请函
2015/01/30 职场文书
幼儿园大班教师随笔
2015/08/14 职场文书
导游词之苏州寒山寺
2019/12/05 职场文书
浅谈Redis的事件驱动模型
2022/05/30 Redis
Java实现HTML转为Word的示例代码
2022/06/28 Java/Android