javascript - 当我在提交功能上显示成功消息时，无法淡入淡出

Question

当我显示成功消息 onsubmit 功能时，无法淡入淡出:

这是我的Javascript:

<script>
popUpForm = function() {
    jQuery('#successMessage').text("Successfully submitted !").fadeIn("slow")
    jQuery('#successMessage').css("display", "block")

    setTimeout(function() {
        jQuery('#successMessage').fadeOut()
        jQuery('#successMessage').css("display", "none")
    }, 5000);
}
</script>  And Here is my message block div: <div th:id = "successMessage"  class="alert-box success"></div>  

Answer 1

请参阅使用以下代码，我不确定。

var auto_info = setInterval(function() {
        $("#successMessage").text("Successfully submitted !").fadeIn("successMessage");

    $("#successMessage").trigger('updatelayout');

    setTimeout(function() {
        jQuery('#successMessage').fadeOut();
    }, 5000);

   });