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);

    });

});

Answer 2

这是使用setTimeout函数的方式：

jQuery(document).ready(function(){
  jQuery(".contacts-submit").click(function() {
      setTimeout(function() { // This anonymous function will be called
        jQuery('#input-1').removeClass('input--filled');
        jQuery('#input-2').removeClass('input--filled');
        jQuery('#input-3').removeClass('input--filled');
      }, 5000); // After 5000ms, (5 seconds)
  });
});

单击表单提交按钮时延迟jQuery remove类函数

2 个答案: