• 技术文章 >web前端 >html教程

    html页面怎么设置不停刷新页面

    青灯夜游青灯夜游2021-02-22 10:46:16原创65

    设置方法:可以通过在HTML文档的head部分添加“<meta http-equiv="Refresh" content="数值x">”代码来让页面每隔x秒就自动刷新页面,实现不停刷新页面效果。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    html页面不停刷新页面

    HTML head 里面设置页面自动刷新功能

    <meta http-equiv="Refresh" content="2">

    页面2s自动刷新一次

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    兼容Ie

    示例代码:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta http-equiv="Refresh" content="2">
        <title>Document</title>
    </head>
    <body>
    <h1>Hello world</h1>
    </body>
    </html>

    效果:

    1.gif

    更多编程相关知识,请访问:编程视频!!

    以上就是html页面怎么设置不停刷新页面的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:html 刷新页面
    上一篇:html中strong用法是什么 下一篇:html是什么意思英语
    第15期线上培训班

    相关文章推荐

    • HTML如何设置video为不透明背景• html行内元素和块状元素有哪些• html5中如何制作搜索栏• html5支持所有音频格式吗• html中的单标记是什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网