使用javaScript和HTML5的圖像幻燈片使用

我正在編寫使用Java腳本和HTML 5的圖像幻燈片的代碼。我使用SetInterval（）方法重複調用ImageSlider函數。問題是Imageslider函數只被調用一次。使用javaScript和HTML5的圖像幻燈片使用

這裏是我的代碼

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<title>Online Booking</title> 
</head> 
<style> 
iframe 
{ 
display:block; 
float:middle; 
margin: 0 auto; 
text-align: center 
} 
</style> 
<body onload="init()"> 
<script> 
function init() 
{   
setInterval(imageSlider(),5000); 
} 
function staticVar() 
{ 

if (staticVar.counter == undefined) 
{ 
    staticVar.counter = 1 
} 
else 
{ 
    staticVar.counter++ 
} 
return staticVar.counter; 
} 
function imageSlider() 
{ 
alert("sl"); 
var j= staticVar();  
var imgArray = new Array(); 
imgArray[0] = new Image(); 
imgArray[0].src = '91.jpg'; 

imgArray[1] = new Image(); 
imgArray[1].src = 'myBro.jpg'; 

imgArray[2] = new Image(); 
imgArray[2].src = 'me.jpg'; 

document.getElementById("imageSlide").src = imgArray[j].src; 
} 
</script> 
<iframe height="580" width="25%" src="91.jpg" id="imageSlide"> </iframe> 
</body > 
</html>

來源

2014-12-03 Kavita g

您需要在setInterval()使用

setInterval(imageSlider,5000);

代替

setInterval(imageSlider(),5000);

文檔。

來源

2014-12-03 05:15:17

謝謝..我明白了.. – 2014-12-03 05:30:25

@Kavitag不客氣。如果這個答案解決了你的問題，不要忘記接受它。 – 2014-12-03 05:30:56

使用javaScript和HTML5的圖像幻燈片使用

回答

相關問題