javascript - 每个类对象的随机超时

标签 javascript jquery

我正在使用此函数调用对象的效果,这些对象在我的页面上多次出现:

setTimeout(function () {

    $(".effect-object").each(function(){
        $(this).addClass("effect");
    });

}, Math.random() * 10000); 

现在所有效果都在同一“随机”时间触发。我希望每个类(class)的效果都在自己的随机时间播放。

我试过这样做,但没有成功:

    $(".effect-object").each( setTimeout( function(){
        $(this).addClass("effect");
    }, Math.random() * 10000));

我怎样才能让它工作?

最佳答案

您需要将setTimeout 放在each 回调中

$(".effect-object").each(function(_, el) {

  setTimeout(function() {
    $(el).addClass("effect");
  }, Math.random() * 10000));

})

关于javascript - 每个类对象的随机超时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50410511/

相关文章:

JavaScript:原生 forEach 与原生 forEach

javascript - 如何使用Office应用程序开发查找Excel工作表的坐标

javascript - 用于持久 HTML/Javascript 菜单的本地存储或 session 存储

javascript - 使用 Javascript 模拟 native 滚动

javascript - 检测浏览器是否支持右键事件覆盖

javascript - 使用 JavaScript 获取当前 URL,然后在 html 代码中使用派生值

php - 使用来自 JavaScript 数据库的 php 变量?

javascript - jQuery 更改 Div 按钮状态并单击禁用

javascript - 谷歌地图 - 当前位置

javascript - 导入多个 javascript 文件时,javascript 似乎中断了