Затухание сообщения через 10 секунд, очистка входных элементов с помощью jQuery

Я покажу сообщение (#final_msg) после того, как пользователь отправит форму. То, что я хочу сделать, это то, что через 15 секунд сообщение (#final_msg) должно исчезнуть, удалив [или затухая] текст во входных элементах. Можно ли это сделать?

else {
                        //create post data
                      var postData = { 
                        "name" : $("#name").val(),
                        "email" : $("#email").val(),
                        "msg" : $("#msg").val(),
                        "origin" : $("#origin").val()
                      };

                      //make the call
                      $.ajax({
                        type: "POST",
                        url: "test.php",
                        data: postData, //send it along with your call
                        success: function(response){
                            $('#final_msg').fadeIn();

                        }
                      });
                }

Ответ 1

setTimeout(function() {
 $('#final_msg').fadeOut();
 $('#name, #email, #msg, #origin').val('')
}, 10000 );

Ответ 2

Если вы используете jQuery 1.4, вы можете использовать функцию delay:

$('#final_msg').fadeIn().delay(10000).fadeOut();

Ответ 3

Вы должны изучить метод JavaScript setTimeout(). С его помощью вы можете выполнить некоторую функцию после определенного количества миллисекунд.

setTimeout(function(){$('#final_msg').fadeOut();}, 10000);

Помимо замирания, вы можете очистить все входы в этой функции, например. с помощью $(': input'). val ( ") и $(': input'). removeAttr (" checked") для переключателей и флажков соответственно (если они есть).