javascript - 10 秒后淡出消息，使用 jQuery 清除输入元素

Question

我在用户提交表单后显示一条消息 (#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();

                        }
                      });
                }

Answer 1

如果您使用的是 jQuery 1.4，则可以使用 delay功能:

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