javascript - 使用 jquery 随机化 div 显示和隐藏的顺序

Question

目前我正在使用从另一篇文章中获得的 jquery 代码来淡入和淡出一些 div

<script>
$(document).ready(function () {
    var divs = $('div[id^="feature-"]').hide(),
        i = 0;
    (function cycle() {
        divs.eq(i).fadeIn(400)
            .delay(5000)
            .fadeOut(400, cycle);
        i = ++i % divs.length;
    })();
});    
</script>

循环浏览一些 div，使它们以一种随意的幻灯片方式淡入和淡出。我想随机化页面加载时的显示顺序，例如现在它显示功能 1，然后是功能 2，然后是功能 3。我怎样才能让它随机化该顺序，就像有时 onload 会显示 feature-3、feature-1、feature-2，有时它会显示 feature-2、feature-1、feature-3 等。我尝试创建一个数组，然后随机化 1 到 10 之间的数字并将它们放入索引 0-9 中，但在我尝试后根本无法显示它。这是一个 jfiddle 来展示它正在做什么。

http://jsfiddle.net/gthes/

Answer 1

使用Math.Random()

http://www.w3schools.com/jsref/jsref_random.asp

示例: 1到6的随机数

$(document).ready(function () {
    var divs = $('div[id^="feature-"]').hide(),
        i = 0,
        lastIndex=-1;
    (function cycle() {
         do{     
            i = Math.floor((Math.random()*6));       
         }while(i==lastIndex);

        divs.eq(i).fadeIn(400)
            .delay(5000)
            .fadeOut(400, cycle);      

         lastIndex=i;

    })();
});