繁体   English   中英

javascript使浏览器崩溃

[英]javascript crashes browsers

这是我的情况:我编写了一个小的javascript代码,每5秒自动刷新一次从外部源进入服务器的图像,就像刷新网络摄像头的图像一样。此js需要在使用Joomla创建的网站中使用。 问题 Javascript导致浏览器的FF和Chrome在一段时间后崩溃。 我正在附上代码。 请告诉我我要去哪里了。

    <body>
    <center>
     <h2>human cam</h2>
      <img id="pic" src="images/CB1.jpeg" border="0" width="500" height="500" /></center>
      <script language="javascript" type = "text/javascript">

      function refresh() 
     {         

     document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();

     setInterval(function(){refresh()}, 5000 );

     }
     window.onload=function(){
 refresh();
    }
    </script>
   </body>

// PS主持人我添加了joomla和网络摄像头作为标签,因为我从使用它们进行网络摄像头刷新的人员那里获取了代码,因此希望他们提供输入; 和Joomla,因为我需要进一步集成此代码

在每次调用refresh()您都在创建一个新计时器,该计时器将调用refresh()来创建一个新计时器,该计时器将调用refresh()来创建一个新计时器...

更改为

function refresh()
    document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();
}

window.onload = function() {
    setInterval(refresh, 5000);
}

您在此处严重创建了递归

function refresh() 
     {         

     document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();

     setInterval(function(){refresh()}, 5000 );

     }

您的刷新功能会不断设置更多间隔

试试这个

function refresh() 
     {         

     document.images["pic"].src = "images/CB1.jpeg" + "?" + new Date().getTime();



     }
     window.onload=function(){
 setInterval(function(){refresh()}, 5000 ); /// set interval onload just one time 
    }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM