我正在建立一个站点,管理中的任何人都可以访问不同商店中的安全摄像机。我使用iframe构建商品,以便经理可以选择他们想要的商店。他们选择商店后,我希望页面每6秒钟刷新一次,但3分钟后出错。这样可以避免连续流式传输数据。
这就是我所拥有的,但是有些东西不正确
<title>Store #1901(low-rez)</title>
<center><font color ="blue">Store 1901 (<b>Medium</b> / <a href="tiny.html">Small</a>)</center>
<iframe src="cam1.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam2.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam3.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam4.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam5.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam6.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam7.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam8.html" width="380" height="295" frameborder="0" >
</iframe>
<iframe src="cam10.html" width="380" height="295" frameborder="0" >
</iframe>
<script type="text/javascript">
var intervalID = 0;
function windowOnInitialize()
{
intervalID = setInterval("refresh()", 6000);
//alert("we were called");
}
var counter = 0;
function refresh()
{
//alert("we got to if statement");
if (counter < 50)
{
counter++;
//alert(counter);
document.getElementById("theId").src="small.html" + Math.random();
}
else
{
//alert("");
alert("Your Time is Up");
clearInterval(intervalID);
}
}
</script>
<body onload="windowOnInitialize()">
<img id="theId" src="small.html" />
我已经尝试了iframe部分上下的脚本,但在任何地方都无法使用。很抱歉,如果这是一个重复的问题,或者是一个基本的问题,我正在学习编码。我一直在网络上工作,而不是脚本。
答案 0 :(得分:4)
setInterval
函数需要一个函数作为第一个参数。您已传递字符串“ refresh()”。因此,更改行intervalID = setInterval("refresh()", 6000);
以通过函数-intervalID = setInterval(refresh, 6000);
。