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 相关文章推荐
捕获浏览器关闭、刷新事件不同情况下的处理方法
Jun 02 Javascript
简介JavaScript中的setHours()方法的使用
Jun 11 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
JavaScript核心语法总结(推荐)
Jun 02 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
Dec 08 Javascript
利用Javascript裁剪图片并存储的简单实现
Mar 13 Javascript
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
微信小程序入门之广告条实现方法示例
Dec 05 Javascript
Vue vee-validate插件的简单使用
Jun 22 Vue.js
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 MYSQL 数据备份类
2009/06/19 PHP
Yii学习总结之数据访问对象 (DAO)
2015/02/22 PHP
php文件上传类完整实例
2016/05/14 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
2013/08/07 Javascript
javascript中创建对象的几种方法总结
2013/11/01 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
RequireJS入门一之实现第一个例子
2015/09/30 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
2018/01/25 jQuery
浅谈ng-zorro使用心得
2018/12/03 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
python 禁止函数修改列表的实现方法
2017/08/03 Python
Python内置函数delattr的具体用法
2017/11/23 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
如何在django中添加日志功能
2020/02/06 Python
HTML5 HTMLCollection和NodeList的区别详解
2020/04/29 HTML / CSS
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
英国索普公园票务和酒店套餐:Thorpe Breaks
2019/09/14 全球购物
自我介绍演讲稿
2014/01/15 职场文书
聚美优品广告词改编
2014/03/14 职场文书
小学一年级评语大全
2014/04/22 职场文书
小学优秀辅导员事迹材料
2014/05/11 职场文书
社会工作专业求职信
2014/07/15 职场文书
环境保护建议书
2014/08/26 职场文书
五年级学生期末评语
2014/12/26 职场文书
领导干部考核评语
2015/01/04 职场文书
司机岗位职责范本
2015/04/10 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python