HTML网页实现自动刷新
教程管理员 发布于2023-09-30 22:17 HTML教程 156
简介：
HTML网页实现自动刷新
1.添加meta标签
<!-- 其中5是指每隔5s刷新一次页面 --> <meta http-equiv="refresh" content="5">
用meta标签也跳转到指定页面
<meta http-equiv="refresh" content="10;url=http://www.51jfgou.com">2.添加script标签，写入刷新语句
可以封装成函数
<script type="text/javascript"> function myrefresh(){ window.location.reload(); } //指定1s刷新一次 setTimeout('myrefresh()',1000); </script>
也可以直接用
<script type="text/javascript"> setTimeout(function(){ window.location.reload() },1000); //指定1秒刷新一次 </script>
代码示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 其中5是指每隔5s刷新一次页面 <meta http-equiv="refresh" content="5">--> <title>刷新</title> <script type="text/javascript"> function myrefresh(){ window.location.reload(); } //指定1s刷新一次 setTimeout('myrefresh()',1000); </script> </head> <body> <h1>大大大大 页面</h1> </body> </html>
相关推荐
- 03-24 蓝色高端网页风企业介绍Office PPT免费模板背景素材下载
- 02-29 简约扁平化网页风PPT模板。一套时尚欧美风幻灯片模板,顶部导航网页风设计,大色块线条排版,扁平化设计风格。
- 01-29 网页设计师应聘求职简历封面图片_简介doc文档Word模板下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序，Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-
