javascript - 随机播放图像 javascript/jquery

标签 javascript jquery arrays image list

如何让这个脚本插入所有图像,而不仅仅是其中一张? 我只是希望它随机插入所有图像。

<script type="text/javascript">
    var images = ['basketball.jpg', 'running.jpg', 'tennis.jpg', 'running-woman.jpg', 'swimming.jpg', 'cycling.jpg'];
$('<img src="images/large/' + images[Math.floor(Math.random() * images.length)] + '">').appendTo('#images');
</script>

最佳答案

要保持插入顺序随机,请使用 while 循环:

<script type="text/javascript">
    var images = ['basketball.jpg', 'running.jpg', 'tennis.jpg', 'running-woman.jpg', 'swimming.jpg', 'cycling.jpg'];

    while (images.length !== 0) {
        var index = Math.floor(Math.random() * images.length);
        $('<img src="images/large/' + images.splice(index, 1) + '">').appendTo('#images');
    }
</script>

关于javascript - 随机播放图像 javascript/jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15473029/

相关文章:

python - 名称错误 : name 'array' is not defined in python

arrays - 在 Numpy 中创建不规则数字数组

javascript - 在关闭事件之前显示消息框 ext 窗口

javascript - 如何验证具有不同值的多个输入

jQuery 悬停功能缩放/缩放

javascript - 在 Javascript 中如何动态比较和存储值,如 Key 和 value 对象

arrays - 无法在 Swift 中更改数组中引用对象的属性

javascript - 是否有可能用 js/dojo/jquery 复制一个表单?

php - 发送 header 后关闭网页(php)

javascript - 如何在pubnub发布和订阅方法中显示实时时钟