Question

我想创建一个抓取页面上所有图像类实例的函数。默认情况下，这些将被隐藏，然后在一定间隔后随机显示其中一个图像（可以是任何图像）。然后该功能将重新运行并显示另一个图像。（同时隐藏第一次运行时显示的图像。

我已经使用该功能进入了这个阶段（目前没有工作）

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

由于

Answer 1

我把一个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);

使用jQuery随机显示/隐藏图像

1 个答案: