Bootstrap success消息消失

Question

我有一个Bootstrap表单，在那里我有一个ajax代码给数据的。php脚本。

问题是，我的ajax代码只显示成功消息1秒，之后消失…下面的代码是:

 $( '#frmContact').submit( function() {
      var formcheck = true
      var name =$( '#name' );
     if(name.val() == '')
     {
         $( '#name-group-name' ).addClass( 'has-error' );
         $('#name-group-name').append('<div class="help-block">' + 'error' + '</div>'); // add the actual error message under our input
            return false;
     }
     if(formcheck) {
      $.ajax({
                type: "POST",
                url: "process.php", // 
                data: $('frmContact').serialize(),
                success: function(msg){
                    $( '#message' ).addClass( 'alert' );
                    $( '#message' ).addClass( 'alert-success' );
                    $( '#message').html( msg );

                },
                error: function(){
                    alert("failure");
                    return false
                }
            });
    }

 } );

谢谢!

Answer 1

您可以通过以下方式设置自定义时间:

setTimeout(function(){ $(".alert-success").addClass('hide'); }, 5000);