javascript - jquery循环中函数之间的延迟

Question

我有一个显示模式框的 jQuery 函数:

function ShowAnonce(){
    ...
    jQuery(".ShowAnonce").show();
    jQuery(".ShowAnonce").animate({opacity: 1},300).delay(1800).animate({opacity: 0},300);
}

我想要做的是以不同的随机间隔显示此框 10 次。我使用了 for 循环和 setTimeout，如下所示:

for(i=0;i<10;i++){  
    setTimeout(ShowAnonce(),Math.random()*100);
}

但它显示该框 10 次，没有延迟。我可以做什么来修复它？

另外，为什么我不能在 ShowAnonce 函数末尾执行以下操作？

    jQuery(".ShowAnonce").hide();

如果我这样做，它不会显示我的框，因为样式 display:none 一直被分配。

Answer 1

Math.random() 可以返回小数值，例如 0.123。 setTimeout() 不能接受。尝试 Math.ceil (Math.random()) 这会给你一个整数，但可能会一次又一次地给出相同的值。我会尝试 (Math.ceil (Math.random()) *10 )。