Fatal编程技术网

javascript使浏览器崩溃

javascript

javascript使浏览器崩溃,javascript,joomla2.5,webcam,setinterval,Javascript,Joomla2.5,Webcam,Setinterval,我的情况如下： 我已经编写了一个小的javascript代码，每5秒自动刷新从外部源进入我的服务器的图像，就像我们刷新网络摄像头的图像一样。这个js需要在使用Joomla制作的网站中使用。 问题Javascript导致broswers的FF和Chrome在一段时间后崩溃。我正在附上密码。请告诉我哪里出了问题 <body> <center> <h2>human cam</h2> <img id="pic"

我的情况如下： 我已经编写了一个小的javascript代码，每5秒自动刷新从外部源进入我的服务器的图像，就像我们刷新网络摄像头的图像一样。这个js需要在使用Joomla制作的网站中使用。 问题Javascript导致broswers的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>


人体凸轮
函数刷新（）
{         
document.images[“pic”].src=“images/CB1.jpeg”+“？”+新日期（）.getTime（）；
setInterval（函数（）{refresh（）}，5000）；
}
window.onload=function（）{
刷新（）；
}
//我添加了joomla和webcam作为标签，因为我从使用它更新webcam的人那里获取了代码，所以希望他们的输入；Joomla作为我需要进一步集成此代码的一员，感谢每次调用
refresh（）
您正在创建一个新计时器，它调用
refresh（）
，创建一个新计时器，它调用
refresh（）
，创建一个新计时器

换成

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

window.onload = function() {
    setInterval(refresh, 5000);
}
在每次调用
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 
    }
这里的递归创建得很糟糕

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 
    }
无需将“images/CB1.jpeg”和“？”连接起来。只需使用
“images/CB1.jpeg？”+new Date（）.getTime（）
@Ian谢谢你的回复。我会做适当的修改：）不需要将“images/CB1.jpeg”和“？”连接起来。只需使用
“images/CB1.jpeg？”+new Date（）.getTime（）@Ian谢谢你的回复。我会做适当的修改：）谢谢你的回复。我没有意识到那个错误，因为我是个新手。谢谢你纠正我！谢谢你的回复。我没有意识到那个错误，因为我是个新手。谢谢你纠正我！你好，鲁佩什，非常感谢你的帮助。解决方案现在运行良好。您好@Rupesh非常感谢您的帮助。这个解决方案现在运行良好。