jquery setTimeout 或 setInterval

Question

我有以下带有 if 条件的代码

if(oldMembership++ <= newMembership) {
    var digit;
    $('ul#indexSiteCounterBottom').empty();

    for(i = 0; i < 9; i++) {
        if(membership.toString()[i] == '_') {
            digit = '&nbsp;';
        } else {
            digit = membership.toString()[i];
        }

        $('ul#indexSiteCounterBottom').append('<li>'+digit+'</li>');
        $('ul#indexSiteCounterBottom li:nth-child(3n)').addClass('extra-margin');
    }
}

如果满足“if”条件，则运行其余代码。

对于“if”的每个循环，我希望能够将以下代码的运行速度减慢 500 毫秒左右。

我尝试放入 setInterval 和 setTimeout，但我之前没有使用过它们，并且“if”条件立即完成了所有循环。

如何向其中添加 setInterval 或 SetTimeout，以便每个“if”循环延迟 500 毫秒？一旦满足“if”条件，它就应该退出计时器/if 条件。

非常感谢...

Answer 1

if(membership.toString()[i] == '_') {
    digit = ' ';
    setTimeout(function () {
        digitThing(digit);
    }, 500);
}
else {
    digit = membership.toString()[i];
    digitThing(digit);
}
function digitThing(digit) {
    $('ul#indexSiteCounterBottom').append('<li>'+digit+'</li>');
    $('ul#indexSiteCounterBottom li:nth-child(3n)').addClass('extra-margin');
}