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 相关文章推荐
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
原生js的RSA和AES加密解密算法
Oct 08 Javascript
Servlet实现文件上传,可多文件上传示例
Dec 05 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
详解Vue源码中一些util函数
Apr 24 Javascript
详解Vue底部导航栏组件
May 02 Javascript
微信小程序select下拉框实现效果
May 15 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
Nov 14 Javascript
vue路由传参的基本实现方式小结【三种方式】
Feb 05 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
PHP的可变变量名的使用方法分享
2012/02/05 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
在Mac OS上自行编译安装Apache服务器和PHP解释器
2015/12/24 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
一些实用的jQuery代码片段收集
2011/07/12 Javascript
动态加载jquery库的方法
2014/02/12 Javascript
javascript函数重载解决方案分享
2014/02/19 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
基于JavaScript实现的希尔排序算法分析
2017/04/14 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
JQuery中queue方法用法示例
2019/01/31 jQuery
探索node之事件循环的实现
2020/10/30 Javascript
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
用python3读取python2的pickle数据方式
2019/12/25 Python
CSS3属性box-shadow使用详细教程
2012/01/21 HTML / CSS
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
院药学专业个人求职信
2013/09/21 职场文书
澳大利亚商务邀请函
2014/01/17 职场文书
人事代理委托书
2014/09/27 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
党员发展大会主持词
2015/07/03 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
JavaScript实现淘宝商品图切换效果
2021/04/29 Javascript
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL