[英]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.