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


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 相关文章推荐
常用js脚本
Dec 03 Javascript
jQuery 使用手册(七)
Sep 23 Javascript
JavaScript获取页面中表单(form)数量的方法
Apr 03 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
Sep 19 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
Vue EventBus自定义组件事件传递
Jun 25 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
vue 点击展开显示更多(点击收起部分隐藏)
Apr 09 Javascript
js仿京东放大镜效果
Aug 09 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/10/09 PHP
php分页查询的简单实现代码
2017/03/14 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
JavaScript访问样式表代码
2010/10/15 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
2011/08/28 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
自动完成的搜索框javascript实现
2016/02/26 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
angular实现表单验证及提交功能
2017/02/01 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
Python专用方法与迭代机制实例分析
2014/09/15 Python
python自定义类并使用的方法
2015/05/07 Python
python获取文件扩展名的方法
2015/07/06 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
mac 安装python网络请求包requests方法
2018/06/13 Python
利用Python将每日一句定时推送至微信的实现方法
2018/08/13 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
使用Python和OpenCV检测图像中的物体并将物体裁剪下来
2019/10/30 Python
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
Static Nested Class 和 Inner Class的不同
2013/11/28 面试题
中式餐厅创业计划书范文
2014/01/23 职场文书
优秀经理事迹材料
2014/02/01 职场文书
考试保密承诺书
2014/08/30 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
《巨人的花园》教学反思
2016/02/19 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python