我一直試圖在JavaScript中循環交通燈圖像。我不知道該怎麼做,有人可以提供建議。JavaScript中循環的數組圖像
0
A
回答
0
稍微修改您的代碼。這是一個工作示例。
我刪除了dvi.count
計數器,因爲它造成了更多的混淆,我們需要維護計數器以外的函數。我改變了邏輯以繞過所述陣列中的圖像的索引從0
var image = new Array("red.jpg", "redamber.jpg", "green.jpg", "amber.jpg");
var timeout;
function stopIt() {
clearTimeout(timeout);
}
function changeimage (images, index) {
var dvi = document.getElementById(images);
if(image.length <= index)
index = 0;
dvi.src = image[index];
dvi.alt = image[index];
timeout = setTimeout('changeimage("' + images + '",' + (index + 1) + ')', 1000);
}
<body onload="changeimage('changer',0)">
<div>
<img src="t1" alt="test1" id="changer" />
</div>
</body>
+0
Thanks so很多,這對我有很大的幫助。 – SDR
0
我已3次代碼修改
- 修正了類型0
div.count
開始到dvi.count
- 更正了在
if
語句中的縮進和括號(不是必須的,但是使代碼的方式爲m礦石可讀) - 在
setTimeout
替換你的討厭使用字符串參數是一個函數引用
function changeimage(images){
var dvi=document.getElementById(images);
if(!dvi.count || dvi.count == image.length){
dvi.count=0;
}
dvi.src=image[dvi.count];
dvi.alt=image[dvi.count];
dvi.count=dvi.count+1;
timeout=setTimeout(function(){
changeimage(images);
},3500);
}
相關問題
- 1. 在圖像數組中循環訪問
- 2. 無限循環圖像Javascript
- 3. Javascript:使用循環來填充數組和URL的圖像
- 4. JavaScript的數組循環
- 5. 的Javascript循環數組
- 6. 圖像數組循環JS CSS
- 7. 在數組和圖像上循環
- 8. JavaScript在多維javascript數組中循環
- 9. JavaScript中的高級數組和循環
- 10. Javascript循環和數組
- 11. Javascript:多個數組循環
- 12. javascript multidimensional數組循環
- 13. JavaScript數組推斷循環?
- 14. JavaScript循環訪問數組
- 15. javascript數組和循環
- 16. Javascript數組和循環
- 17. Javascript - 循環訪問數組
- 18. Javascript:在數組中循環項目
- 19. 在php循環中寫入javascript數組
- 20. 循環檢查數組中的最後一個圖像
- 21. Javascript(原型)插件來循環圖像
- 22. 如何在JavaScript中的數組內部的數組內循環?
- 23. JavaScript和Jquery循環數組中的JavaScript構造函數
- 24. 通過二維數組循環的JavaScript
- 25. PHP數組的Javascript在一個循環
- 26. Javascript:基於數組的條件循環
- 27. 通過異步數組的Javascript循環
- 28. javascript開關與數組上的循環
- 29. 錯誤的JavaScript循環數組
- 30. For循環中的數組?
如果(div.count | | dvi.count == image.length),拼寫錯誤在這裏。你已經混合了div和dvi .. – Ankit
我在那裏看到一個'div.count'。我假設它應該是'dvi'?你也需要爲'setTimeout'提供一個有效的函數,而不是一個字符串。 – apokryfos
@apokryfos'setTimeout'可以接受一個字符串作爲它的第一個參數 - 它是'eval's。糟糕的做法,但它仍然有效 – Jamiec