图像间的不同间隔

-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

图像间的不同间隔

回答

相关问题