javascript - jQuery .each() 中的 SetInterval

Question

我希望遍历一组 div 并在随机时间执行一些随机操作。我正在尝试使用以下函数，但 console.log 在每次迭代时返回相同的对象和整数。执行以下操作的正确方法是什么？

    $('.cloud').each(function() {
    $cloud = $(this);
    ranNum = Math.floor(Math.random() * 5000);
    setInterval(function() {
        setTimeout("console.log($cloud + ranNum)", ranNum)
    })
})          

Answer 1

通过 var 使用局部(闭包)变量

因为您以字符串形式提供功能，所以您必须使用全局变量。您的代码应该使用在事件匿名函数闭包中定义的局部变量编写，如下所示:

$('.cloud').each(function() {
    var $cloud = $(this);
    var ranNum = Math.floor(Math.random() * 5000);
    setInterval(function() {
        // $cloud won't have any particular meaning though
        console.log($cloud + ranNum);
    }, ranNum);
});

setInterval 和setTimeout 的异常组合

我也看不出您使用间隔和超时的原因？使用一个。可能是 interval 因为你想要重复执行的东西。