使用jQuery隨機顯示/隱藏圖像

我想創建一個函數來抓取頁面上圖像類的所有實例。默認情況下，這些將被隱藏，然後在一定間隔後隨機顯示其中一個圖像（可以是任何圖像）。然後該功能將重新運行並顯示另一張圖像。（同時隱藏了通過顯示在第一次運行時圖像。使用jQuery隨機顯示/隱藏圖像

我得這個階段與功能（目前沒有工作）

(function randomShow() { 
var showDiv = $('.show'), 
    el = showDiv.eq(Math.floor(Math.random() * showDiv.length));   
    el.show().delay(2000).show(randomShow); 
})();

感謝

來源

2014-12-07 DIM3NSION

什麼是'fadeDivs'和'showFade'？嘗試提供更完整的例子。 – chiliNUT 2014-12-07 00:16:34

我的歉意，我編輯了變量名稱。這只是一個例子，看看我是否正確。 – DIM3NSION 2014-12-07 00:31:28

我放在一起的jsfiddle代替圖像的使用的div來證明（純JS）：

http://jsfiddle.net/oogley_boogley/az9gd8wf/

腳本：

var divs = document.getElementsByClassName('square'); 
var arrLength = divs.length; 
var randomNumberLimit; 
var interval_speed = 1000; 

setInterval(function(){ 
randomNumberLimit = Math.floor((Math.random() * arrLength) + 1); 
for(i=0;i<arrLength;i++){ 
    var matchingDiv = divs[i]; 
    if(matchingDiv.id == randomNumberLimit){ 
     matchingDiv.setAttribute("class","showing square blue"); 
    } 
    if(matchingDiv.id != randomNumberLimit){ 
     matchingDiv.setAttribute("class","hiding square blue"); 
    } 
} 
}, interval_speed);

來源

2014-12-07 01:50:39

使用jQuery隨機顯示/隱藏圖像

回答

相關問題