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


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 12 Javascript
imgAreaSelect 中文文档帮助说明
Oct 08 Javascript
js控制href内容的连接内容的变化示例
Apr 30 Javascript
JavaScript设计模式初探
Jan 07 Javascript
第一次接触神奇的Bootstrap表单
Jul 27 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
微信小程序ibeacon三点定位详解
Oct 31 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
vue2.0结合Element-ui实战案例
Mar 06 Javascript
Vue组件系列开发之模态框
Apr 18 Javascript
TS 类型兼容教程示例详解
Sep 23 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
ThinkPHP框架下微信支付功能总结踩坑笔记
2019/04/10 PHP
javascript 弹出窗口中是否显示地址栏的实现代码
2011/04/14 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
2013/04/02 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
2015/11/30 Javascript
详解JavaScript正则表达式之RegExp对象
2015/12/13 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
详解extract-text-webpack-plugin 的使用及安装
2018/06/12 Javascript
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
JS使用Date对象实时显示当前系统时间简单示例
2018/08/23 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
[01:46]TI4西雅图DOTA2前线报道 中国选手抱团调时差
2014/07/08 DOTA
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
Python_LDA实现方法详解
2017/10/25 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
python基于exchange函数发送邮件过程详解
2020/11/06 Python
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
比利时的在线灯具店:Lampen24.be
2019/07/01 全球购物
法律专业学生的自我评价
2014/02/07 职场文书
求职简历自荐信
2014/06/18 职场文书
小学校本教研总结
2015/08/13 职场文书
python中取整数的几种方法
2021/11/07 Python
Sentry的安装、配置、使用教程(Sentry日志手机系统)
2022/07/23 Python