HTML页面定时跳转方法解析(2种任选)


Posted in Javascript onDecember 22, 2016

有 2 种方法可以实现 html 的定时页面跳转,1、meta refresh 实现。2、JavaScript 实现。

1、通过 meta refresh 实现 3 秒后自动跳转到 http://www.cnblogs.com/wuxibolgs329/ 页面。

<!doctype html>
 <html>
 <head>



<meta charset="utf-8">



<title>前端笔记</title>



<meta http-equiv="refresh" content="3;url=http://www.cnblogs.com/wuxibolgs329/">


</head>

<body>

</body>
</html>

2、通过 JavaScript 实现 8 秒后自动跳转到 http://www.cnblogs.com/wuxibolgs329/  页面。

<!doctype html>
<html>


<head>



<meta charset="utf-8">



<title>前端笔记</title>



<script type="text/javascript">




var time = 8; //时间,秒




function Redirect() {
 



window.location = "http://www.cssue.com/";




}




var i = 0;




function dis() {
 



document.all.s.innerHTML = "还剩" + (time - i) + "秒";
 



i++;




}




timer = setInterval('dis()', 1000); //显示时间




timer = setTimeout('Redirect()', time * 1000); //跳转



</script>

</head>

<body>


<span id="s"></span>

</body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
FireFox中textNode分片的问题
Apr 10 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
May 18 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 Javascript
js实现获取鼠标当前的位置
Dec 14 Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 Javascript
基于vue-ssr的静态网站生成器VuePress 初体验
Apr 17 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
angular 实时监听input框value值的变化触发函数方法
Aug 31 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
vue双向绑定的简单实现
Dec 22 #Javascript
jQuery使用Layer弹出层插件闪退问题
Dec 22 #Javascript
深入理解jquery中extend的实现
Dec 22 #Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 #Javascript
JS实现间歇滚动的运动效果实例
Dec 22 #Javascript
javascript-解决mongoose数据查询的异步操作
Dec 22 #Javascript
Bootstrap popover用法详解
Dec 22 #Javascript
You might like
浅析ThinkPHP中的pathinfo模式和URL重写
2014/01/06 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
IE的fireEvent方法概述及应用
2013/02/22 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
Node.js文件操作方法汇总
2016/03/22 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
Vuex提升学习篇
2018/01/11 Javascript
基于JavaScript实现一个简单的Vue
2018/09/26 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
Python中Django发送带图片和附件的邮件
2017/03/31 Python
python批量读取txt文件为DataFrame的方法
2018/04/03 Python
Python从使用线程到使用async/await的深入讲解
2018/09/16 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
Python字符串split及rsplit方法原理详解
2020/06/29 Python
财务人员个人自荐信范文
2013/09/26 职场文书
自我鉴定范文200字
2013/10/02 职场文书
外贸业务员工作职责
2014/01/06 职场文书
七一建党节演讲稿
2014/09/11 职场文书
单位授权委托书范本
2014/09/26 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
幼儿园教师辞职信
2019/06/21 职场文书
vue-element-admin项目导入和导出的实现
2021/05/21 Vue.js
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS
如何利用python实现Simhash算法
2022/06/28 Python