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


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代码经典广告
Oct 21 Javascript
JQuery 学习技巧总结
May 21 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
AngularJS 依赖注入详解和简单实例
Jul 28 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
微信小程序学习之数据处理详解
Jul 05 Javascript
layDate插件设置开始和结束时间
Nov 15 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 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
实用函数8
2007/11/08 PHP
PHP面向对象——访问修饰符介绍
2012/11/08 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
PHP实现二叉树的深度优先与广度优先遍历方法
2015/09/28 PHP
goto语法在PHP中的使用教程
2020/09/17 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
轻松创建nodejs服务器(8):非阻塞是如何实现的
2014/12/18 NodeJs
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
input输入框内容实时监测(附代码)
2017/08/15 Javascript
JavaScript多线程运行库Nexus.js详解
2017/12/22 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
详解Vue中使用插槽(slot)、聚类插槽
2019/04/12 Javascript
Angular实现svg和png图片下载实现
2019/05/05 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
2020/09/11 Javascript
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
Python3 jupyter notebook 服务器搭建过程
2018/11/30 Python
opencv python图像梯度实例详解
2020/02/04 Python
Python GUI编程学习笔记之tkinter事件绑定操作详解
2020/03/30 Python
详解python的变量缓存机制
2021/01/24 Python
马来西亚最热门的在线时尚商店:FashionValet
2018/11/11 全球购物
什么是URL
2015/12/13 面试题
介绍一下MD5加密算法
2016/11/12 面试题
大跃进口号
2014/06/16 职场文书
八项规定整改方案
2014/10/01 职场文书
影视后期实训报告
2014/11/05 职场文书
二审代理词范文
2015/05/25 职场文书
运动会通讯稿600字
2015/07/20 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server