圖像間的不同間隔

-1

我正在學習GCSE計算，需要能夠更改不同圖像之間的間隔。我此刻的代碼看起來是這樣的......圖像間的不同間隔

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
<h1> Traffic lights can change on their own </h1> 
 

 
<img src="RED.jpg" id= "traffic" width="155" height="198"> 
 
<script> 
 

 
var myImage = document.getElementById("traffic"); 
 

 
var imageArray = ["RED.jpg", "RED-ORANGE.jpg", "GREEN.jpg", "ORANGE.jpg"]; 
 

 
var imageIndex = 0; 
 

 
function changeImage() 
 
{ 
 
    myImage.setAttribute("src",imageArray[imageIndex]); 
 
    imageIndex++; 
 
    if (imageIndex >= imageArray.length) { 
 
    imageIndex = 0; 
 
} 
 

 
} 
 

 
setInterval(changeImage,1000); 
 

 
</script> 
 
</body> 
 
</html>+

如果您能提供一些這方面的代碼，同時改變，這將是理想的時間間隔。

來源

2016-03-03 Patrick

什麼是您所遇到的問題？ –

我需要5個不同圖像之間的不同間隔。目前我沒有能改變間隔的代碼。 – Patrick

stackoverflow是討論編程問題的論壇，不是爲了別人來爲你實現任何東西...... – Bonatti

假如你只想解決這個使用Javascript：

Source documentation

// Save the var timeoutID = window.setTimeout(code, [delay]); 
var imageTimers = [500, 1000, 2000, 4000]; 
var timeTochange = Math.random() * 3000; // or whatever you want to use... 
var aTimer = setTimeout(changeImage, timeTochange); 

// On the changeImage, alter the timeTochange var. 
function changeImage() { 
    // ...stuffs... 
    clearTimeout(aTimer); 
    timeTochange = imageTimers[imageIndex]; 
    aTimer = setTimeout(changeImage, timeTochange); 
}

來源

2016-03-07 11:16:30 Bonatti

圖像間的不同間隔

回答

相關問題