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


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:void(0)的真正含义实例分析
Aug 20 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 Javascript
JQuery写动态树示例代码
Jul 31 Javascript
js日期范围初始化得到前一个月日期的方法
May 05 Javascript
九种原生js动画效果
Nov 11 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
ES6概念 Symbol toString()方法
Dec 25 Javascript
jquery Ajax 全局调用封装实例详解
Jan 16 Javascript
swiper自定义分页器使用方法详解
Sep 14 Javascript
Vue递归实现树形菜单方法实例
Nov 06 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
vscode中eslint插件的配置(prettier配置无效)
Sep 10 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预定义常量
2006/12/25 PHP
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
初识php MVC
2014/09/10 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
2015/07/27 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
Window.Open打开窗体和if嵌套代码
2016/04/15 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
React+Webpack快速上手指南(小结)
2018/08/15 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
2020/02/06 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
Python matplotlib 画图窗口显示到gui或者控制台的实例
2018/05/24 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
彪马法国官网:PUMA法国
2019/12/15 全球购物
长曲棍球装备:Lacrosse Monkey
2020/12/02 全球购物
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
瀑布模型都有哪些优缺点
2014/06/23 面试题
2014年公司工作总结
2014/11/22 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书
学生安全责任协议书
2016/03/22 职场文书
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL