javascript - addClass 一段时间并使用 javascript 删除它

Question

我想向 div 添加类并在一段时间后将其删除。我使用了setTimeout，但我真的不知道我是否正确。第一部分，我的意思是 addClass 工作得很好，直到我在 setTimeout 方法中添加 removeClass 。所以，这是我的代码:

$.ajax({
        url: "<?php echo site_url('main/order') ?>",
        type: 'POST',
        data: form_data, // $(this).serialize(); you can use this too
        dataType: 'json',
        success: function(res) {
            if(res) {
                classie.addClass( theForm.querySelector( '.simform-inner' ), 'hide' );
                var messageEl = theForm.querySelector( '.final-message' );
                messageEl.innerHTML = res;
                classie.addClass( messageEl, 'show' );

                setTimeout(classie.removeClass( messageEl, 'show' ), 5000);
                setTimeout(classie.removeClass( theForm.querySelector( '.simform-inner' ), 'hide' ), 6000);

            }
        }

   });

我做错了什么？!

Answer 1

将您的 setTimeout 更改为:

setTimeout(function(){
    classie.removeClass( messageEl, 'show' )
}, 5000);
setTimeout(function(){
    classie.removeClass( theForm.querySelector( '.simform-inner' ), 'hide' )
}, 6000);

您需要将一个函数传递到 setTimeout() 中，并且在代码中您调用一个函数并传递结果，而不是传递函数本身。