使用javascript计时器无法更改图像

时间:2015-10-14 17:33:32

标签: javascript html arrays timer

我正在写一个网站,我想通过计时器上的各种图像制作动画。我有一个列出每个图像的数组(作为用于构建filename的数字)。动画应该经过这些数字,然后改变图像。此代码无效,任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)



<img id="myImg"  src=" http://old.ycombinator.com/images/yc500.gif" width ='100' height='100'/>
<script>
var myImages = [1, 2, 3, 5]
var img_index = 0;
var timer;
var imgId = "myImg";
// Bind the image onload event like this:
document.getElementById(imgId).onload = animate();
// Start animation
function animate() {
    me = document.getElementById(imgId);

    me.src = "coolimg." + myImages[img_index] + ".jpg"

    img_index++;

    if (img_index == myImages.length){
        img_index = 0;
    }

    timer = setTimeout(animate, 1000);
}

</script>
&#13;
&#13;
&#13;