用javascript定時更改圖片的問題

Question

我正在寫一個網站，我想通過計時器上的各種圖像來設置動畫效果。我有一個數組列出每個圖像（作爲一個數字，用於構建filename）。動畫應該通過這些數字，然後改變圖像。此代碼無法正常工作，我們將不勝感激。

Answer 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>