文章/答案/技术大牛

发布

问javascript崩溃浏览器
EN

Stack Overflow用户

提问于 2013-01-23 06:27:05

回答 2查看 128关注 0票数 0

下面是我的情况:我编写了一个小的javascript代码，每5秒从外部源自动刷新进入我的服务器的图像，就像我们刷新webcam.This js需要在使用Joomla的网站中使用的图像一样。problem 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>

//P.S版主我添加了joomla和网络摄像头作为标记，因为我从使用它刷新摄像头的人那里获得了代码，所以希望他们的输入；Joomla，因为我需要进一步集成这段代码，谢谢

javascript

joomla2.5

webcam

setinterval

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-01-23 06:32:18

在refresh()的每个调用中，您都要创建一个新的定时器，该定时器调用refresh()，它创建一个新的定时器，该定时器调用refresh()，该定时器创建一个新的计时器。

把它改成

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

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

票数 2

Stack Overflow用户

发布于 2013-01-23 06:34:06

您在这里创建的递归非常糟糕。

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 
    }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14473703

复制

相似问题

问javascript崩溃浏览器
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript崩溃浏览器EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript崩溃浏览器
EN