Question

$( document ).ready(function() {
 $("#ajaxform").submit(function(e){
        var contactdata  =  $(this).serializeArray();
        var submiturl    =  $(this).attr('action');
        var submitbtn    =  $('#submit');
        submitbtn.val('Sending...');
        $("#ajaxform :input").prop("disabled", true);
          $.ajax({
            url: submiturl,
            type: 'POST',
            dataType: "json",
            data : contactdata,
            success: function(response){
               $('#alert').removeClass('alert alert-success');
               $('#alert').removeClass('alert alert-danger');
               if(response.status=="true"){
                $('#alert').addClass('alert alert-success');
                $("#ajaxform :input").prop("disabled", false);
                $('#ajaxform')[0].reset();
                submitbtn.val('Send');
               }else{
                $("#alert").addClass('alert alert-danger');
                $("#ajaxform :input").prop("disabled", false);
                submitbtn.val('Send');
               }
               $('#alert').html(response.message).slideDown();
            }
          });
        e.preventDefault(); 
    }); 
});

我希望在通知发出4秒后让成功通知和错误通知消失，但尝试将其设置为无效。我是编码javascript的新手

Answer 1

此部分显示警告：

$('#alert').html(response.message).slideDown();

4秒后隐藏警报的代码丢失。你会把它放在显示警报的代码之后。例如：

setTimeout(function() { $('#alert').hide(); }, 4000);

文档链接： https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

我希望在通知后4秒后使成功通知和错误通知淡出，但尝试使其无法正常工作。

1 个答案: