如何在一段时间间隔内重新加载图像?

时间:2011-11-08 12:45:24

标签: javascript image reload

我有两张图片需要在x时间重新加载。我试着这样做:

<script>
 function srcreload(){
     imguser=document.getElementsByName("userimage")[0];
     imgme=document.getElementsByName("me")[0];
     imguser.src=imguser.src;imgme.src=imgme.src;setTimeout("srcreload()",15000);};
     setTimeout("srcreload()",15000);
</script>
  <img src="somesrc" name="userimage">
  <img src="someothersrc" name="me">

为什么这不起作用,我该如何解决?我让它工作了一次,但后来我必须改变一些东西,因为它不再有用了。

2 个答案:

答案 0 :(得分:2)

  1. 使用var
  2. 不要将字符串传递给setTimeout,而是传递给函数。
  3. 正确缩进。
  4. 如果你很好地缩进,你会看到一个无关的},它不属于那里。

    var url = "...";
    
    function srcreload() {
        var imguser = document.getElementsByName("userimage")[0];
        var imgme = document.getElementsByName("me")[0];
    
        var random = "?" + Math.random();
    
        imguser.src = url + random;
        imgme.src = url + random;
    
       setTimeout(srcreload, 15000);
    }
    
    setTimeout(srcreload, 15000);
    

答案 1 :(得分:0)

imguser.src=imguser.src;
imgme.src=imgme.src;

这些行是否有意义,正在复制相同的值?