javascript - 单击表单提交按钮时延迟 jQuery 删除类函数

Question

当单击“提交”按钮时，但在延迟 5 秒后，我试图删除单个表单中包含 3 个输入元素的类。我知道我必须使用 setTimeout 函数，但我不知道如何构建我的代码，以便它可以正常工作。

这是我写的代码(非常简单)

jQuery(document).ready(function(){
    jQuery(".contacts-submit").click(function() {
        jQuery('#input-1').removeClass('input--filled');
        jQuery('#input-2').removeClass('input--filled');
        jQuery('#input-3').removeClass('input--filled');

    });
});

Answer 1

只需将所有需要的功能封装在 setTimeout 中即可。也无需重复自己，您可以在 1 个选择器中完成所有操作。

jQuery(document).ready(function(){

    jQuery(".contacts-submit").click(function() {
        setTimeout(function(){
            jQuery('#input-1, #input-2, #input-3').removeClass('input--filled');
       },5000);

    });

});