我有这段代码以设定的时间间隔刷新图像：
<img src="http://somwhere/picture.jpg" id="refreshimage1" onload=”setTimeout('document.getElementById(\'refreshimage1\').src=\'http://somwhere/picture.jpg?\'+new Date().getMilliseconds()', 15000)" width="400" border="1" />
问题是，我需要每 15 秒刷新一次图像，效果很好。但是...我一夜之间打开了网页，今天在 Firefox 中有 15GB 的缓存，而我的 c:\ 驱动器上没有可用空间。（每页大约有20张图片，全部使用这个刷新代码。
那么，有没有办法添加到这段代码中，并让它在设定的时间后停止？就像 5 分钟后它可能会停止刷新图像？
这就是我现在的位置。使用定时器功能，无法刷新图像。
<script>
var c = 0;
function fnSetTimer()
{
document.getElementById('refreshimage1').src='http://68.116.42.142:8080/cam_4.jpg?\'+new Date().getMilliseconds();
var t = setTimeout(fnSetTimer,5000);
c=c+1;
if(c>5)
clearTimeout(t);
}
</script>
<img src="http://68.116.42.142:8080/cam_4.jpg"; id="refreshimage1" onload="fnSetTimer()" width="400" />
<img src="http://68.116.42.142:8080/cam_4.jpg"; id="refreshimage2" onload="setTimeout('document.getElementById(\'refreshimage2\').src=\'http://68.116.42.142:8080/cam_4.jpg?\'+new Date().getMilliseconds()', 5000)" width="400" />
第二个img src代码是刷新图像的原始代码，仍然有效。并排放置，可以看到上图是静态的，下图每 5 秒持续更新一次。所以图像的 URL 很好，只是缺少一些东西让它在计时器脚本中刷新？
工作和测试的代码。它只会刷新您的图像 5 次。
<img src="http://somwhere/picture.jpg" id="refreshimage1" onload="fnSetTimer()" width="400" border="1" />
将此函数放在您的脚本标签中。
var c = 0;
function fnSetTimer()
{
//do whatever you want to do here.
//document.getElementById('refreshimage1').src = 'http://somwhere/picture.jpg?\'' + new Date().getMilliseconds();
alert("testing");
var t = setTimeout(fnSetTimer,15000);
c=c+1;
if(c>5)
clearTimeout(t);
}
可能这会对你有所帮助。
试试看。
var c = 0;
function fnSetTimer()
{
alert("testing");
var t = setTimeout(fnSetTimer,15000);
c=c+1;
if(c>5)
clearTimeout(t);
}