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

Show / Hide images randomly using jQuery

本文关键字：隐藏 图像 显示 jQuery 随机 使用      更新时间：2023-09-26

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

我已经到了这个阶段的功能（目前不起作用）

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

谢谢

我用divs代替图像来组装一个jsFiddle来演示（纯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);
相关文章：