Сброс формы после успешной отправки через 3 секунды Js?

Question

[Даулет]

Всем привет, есть такой вот код:

<script type="text/javascript">
         $('#form2').submit(function(){
          $.post(
              'post.php', // адрес обработчика
               $("#form2").serialize(), // отправляемые данные          
              
              function(msg) { // получен ответ сервера  
                  $('#form2').hide('slow');
                  $('#message2').html(msg);
                  $('#message2').css('display','block');
                  $('.t7066__cartwin-heading').css('display','none');
              }
          );
          return false;
      });
      </script>

После успешной отправки формы, форма скрывается(display:none) и появляется сообщение об успешной отправке(display:block), но у меня есть еще пару товаров, которые открываются через эту форму. Как сделать так чтобы все эти действия сбрасывались после успешной отправки(т/е через 3 секунды чтобы форма вернулась и исчезла сообщение об отправке). Чтобы если эту же форму еще раз открыть, там не было сообщения об успешной отправке

Comments

[Alex]

Хватит для скрытия элементов манипулировать свойством display ... Просто хватит. Есть же специально сделанный для этого апи ... ну ..

[Stalker_RED]

Alex, а можно чуть подробнее, о каком API вы говорите?

[Alex]

Stalker_RED, https://developer.mozilla.org/ru/docs/Web/API/HTML...

Answer 1

[Stalker_RED]

при получении ответа добавьте

setTimeout(function(){
  myForm.reset(); // в myForm должен быть HTML-элемент формы
}, 3000); // задержка. 3000 ms = 3 sec

Comments

[Даулет]

Спасибо, дальше уже разберусь. То что нужно!

Answer 2

[Alex]

setTimeout(() => {
 // Скрыть сообщение про отправку
 // Очистить форму
 // Показать форму
}, 3000)

Comments

[Даулет]

Спасибо, дальше уже разберусь. То что нужно!