Wie kann ich Ladezeit von GIF-Bild erhöhen?

Question

Vor der AJAX-Methode füge ich ein GIF-Bild hinzu, aber die Ladezeit ist sehr kurz. Wie kann ich die Ladezeit einstellen und danach wird die AJAX Antwort angezeigt? Hier

  $('.signup p').html('<img src="img/loading.gif" width="40px" height="40px" alt="loading_effect" />'); 

      $.ajax({ 
       url : 'signup_action.php', 
       method : 'post', 
       data : {name,email,password1,dob,gender}, 
       success : function(response){ 
        $('.signup p').html(response); 
       } 
      }); 

Answer 1

ist genau, wie Sie es wie auf diese Weise verzögern wie:

DURCH DIE NUTZUNG .delay():

$('.signup p').delay(800).html('<img src="img/loading.gif" width="40px" height="40px" alt="loading_effect" />'); 

Hinweis: Sie müssen die Sekunden in Millisekunden eingeben wie so wie zB für 1 Sekunde benötigen Sie 1000.

Referenz-URL für .delay():

ODER

Ofcourse anderen Weg, dies zu tun ist, wie:

$(document).ajaxStart(function() { 
     $('.signup p').show(); 
}).ajaxStop(function() { 
    $('.signup p').hide(); 
}); 

Referenz Links:

.ajaxStart():https://api.jquery.com/ajaxStart/

.ajaxStop():https://api.jquery.com/ajaxStop/

Answer 2

Sie können es tun. Jquery hat bestimmte Funktionen, um zu wissen, wann Ajax startet und wann Ajax aufhört. Wenn Sie jedes Mal Ihre gif angezeigt werden und es verstecken, wenn Ajax-stop: Sie die gif verstecken können (Anzeige mit: ‚none‘) und zeigen Sie es, wenn Sie

$(document).ajaxStart(function() { 
     $('.signup p').show(); 
}).ajaxStop(function() { 
    $('.signup p').hide(); 
}); 

Ajax laden Wenn Sie wissen, wie viele mal, wollen Sie verstecken es zeigen, und dann verwenden Sie