JavaScript：不断切换图像源

Question

我的最终目标非常简单。一旦页面加载，我想要一个图像出现，但我希望它不断切换。 （最终，让鱼看起来像是上下摆动）。

现在我的代码看起来像这样：

var myFish = new Image();
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

myFish.onload = function(){
    context.drawImage(myFish, 100, 30, 200, 137);
}; 

myFish.src = "img/fish.png";

我没有使用JQuery，只是简单的javascript。我怎么能不断地在这个图像和保存在同一目录中的另一个图像之间来回切换。

谢谢！

Answer 1

您需要使用计时器功能

function updateImageSrcHere()
{
    //Update Image src
}
//Interval is measured in MS so 1000 = 1 second
var interval = 1000;
setInterval(updateImageSrcHere, interval);