JavaScript：不斷切換圖像源

我的最終目標非常簡單。一旦頁面加載，我想要一個圖像出現，但我希望它不斷切換。（最終，讓魚看起來像是在上下襬動）。JavaScript：不斷切換圖像源

現在我的代碼如下所示：

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。我怎麼能不斷地在這個圖像和保存在同一個目錄中的另一個圖像之間來回切換。

謝謝！

來源

2014-07-10 emily6689

如果我是你，我會考慮的'GIF'格式代替。 – Max

如果你只有標記中的2張圖片，然後不斷顯示/隱藏，會不會更好？ – Huangism

我還應該提到我使用的是HTML5 Canvas，而且我對JavaScript非常陌生...... – emily6689

你需要使用定時器功能

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

來源

2014-07-10 19:55:43 Cheruvian

JavaScript：不斷切換圖像源

回答

相關問題