addclass 循环结束时调用函数答案

【问题标题】：Call a function when addclass loop endsaddclass 循环结束时调用函数
【发布时间】：2013-12-24 09:01:57
【问题描述】：

我在 jQuery 中有一个函数，可以将类名添加到 div - 有 100 个 div 会随机添加新类 - 代码如下

var interval = setInterval(function () {
    var $divs = $(".cardWrapper section > div:not(.flip)");
    $divs.eq(Math.floor(Math.random() * $divs.length)).addClass('flip');
    if ($divs.length == 1) {
        clearInterval(interval);
    }
}, 500);

我现在要做的是，一旦最后一个（例如第 100 个）div 添加了新的“翻转”类，我希望能够在 jQuery 中执行新功能 - 例如例如，这里假设我想调用 alert("all done");这可能吗？请记住 addclass 'flip' 是随机的，所以我不能只检查列表中的第 100 个 div 是否添加了翻转 - 我需要知道 addclass 翻转功能何时执行了 100 次...

有什么想法吗？

【问题讨论】：

你不能在if 语句中在clearInterval() 之后调用你的其他函数吗？
你是对的......这确实有效！嗬！对不起，伙计们……太晚了……大脑崩溃了！

标签： javascript jquery function call

【解决方案1】：

addClass 是一种同步方法，因此您可以在下一行调用任何您想要的代码。

【讨论】：

你和我一样误读了它。他不是一次给所有这些都添加翻转，它是在一个间隔内发生的。他需要知道所有 100 项何时都已修改。