javascript - 单击添加类(class)，然后延迟删除类(class)

Question

我希望在按下按钮时将一个类添加到一个类中，然后几秒钟后我希望删除该类。

到目前为止，我已经有了按下按钮时添加类的代码:

$( ".overlay-close-button" ).click(function() {
    $( ".icon_holder" ).addClass('magictime tinRightIn');
});

在单击按钮类“overlay-close-button”后 2 秒后，从“icon_holder”中删除类“magictimetinRightIn”的代码是什么？

Answer 1

对@ymz 答案稍作修改。如果用户在 2 秒内点击，您可能希望取消之前设置的“setTimeout 回调”。

var timeoutHandler = null;
$( ".overlay-close-button" ).click(function() 
{
    $( ".icon_holder" ).addClass('magictime tinRightIn'); 
    if (timeoutHandler) clearTimeout(timeoutHandler);

    timeoutHandler = setTimeout(function()
    {
        $( ".icon_holder" ).removeClass('magictime tinRightIn');

    }, 2000);
});