暫時添加類並使用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()然后在代碼中調用一個函數並傳遞結果，而不是傳遞函數本身。