JS之页面自动刷新,用于需要实时更新页面

    xiaoxiao2022-06-29  49

     没想到挺多人访问的,现在把方法优化一下。

    下面这个是可以控制时间和手动开启关闭的页面定时自动刷新方法:

    <script type="text/javascript"> var i=0 var timer=null; var status='N';        $(document).ready(function(){      myFresh(); });                      function myFresh(){       if(status=='Y'){         i=0;         $("#fresh").html('已关闭自动刷新');         $("#timeFresh").html("开启自动刷新");         status='N';         clearInterval(timer);          }else if(status=='N'){         status='Y';         $("#fresh").html('第<span id="fresh_desc" style="font-size: 16px; color: red;">0</span>秒,20秒后自动刷新');         $("#timeFresh").html("关闭自动刷新");          timer=setInterval(function(){           i++;           $("#fresh_desc").html(i);           if(i==20){           clearInterval(timer);             location.reload();           }        },1000);           }       }               function fresh(){       location.reload();       }        </script>

    jsp页面上:<div style="float:right; margin-right:20px;"> <span id="fresh">第<span id="fresh_desc" style="font-size: 16px; color: red;">0</span>秒,20秒后自动刷新</span>     <button type="button" οnclick="myFresh();" id="timeFresh" class='btn btn-mini btn-info'>关闭自动</button>     <button type="button" οnclick="fresh();" id="" class='btn btn-mini btn-info'>手动刷新</button></div>

    这样子就可以实现随意开关自动刷新页面了  。

    下面的是不能控制开启关闭的方法,简单易用,仅供参考。

    自动刷新页面的方法:

    1.页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20"> 其中20指每隔20秒刷新一次页面.

    2.页面自动跳转:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20;url=http://www.xxxx.com"> 其中20指隔20秒后跳转到http://www.xxxx.com页面

    3.页面自动刷新js版

    <script language="JavaScript"> function myrefresh() {        window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 </script>

    JS刷新框架的脚本语句:

    //如何刷新包含该框架的页面用  

    <script language=JavaScript>    parent.location.reload(); </script>   //子窗口刷新父窗口 <script language=JavaScript>     self.opener.location.reload(); </script> ( 或 <a href="javascript:opener.location.reload()">刷新</a>   )

    //如何刷新另一个框架的页面用   <script language=JavaScript>    parent.另一FrameID.location.reload(); </script>

    如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

    <body οnlοad="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新

    <script language="javascript"> window.opener.document.location.reload() </script>

    转载请注明原文地址: https://ju.6miu.com/read-1125079.html

    最新回复(0)