我如何增加 GIF 图像的加载时间

Question

在AJAX方法之前，我添加了一个GIF图像，但加载时间很短。 如何设置加载持续时间的时间，之后将显示 AJAX 响应？

            $('.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

以下是您可以像这样延迟它的方法：

通过使用.delay()：

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

注意：您需要像这样以毫秒为单位输入秒数，即 1 秒您需要 1000。

参考网址 对于.delay()：

https://api.jquery.com/delay/

或

当然，另一种方法是：

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

参考链接 ：

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

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

Answer 2

你可以做到。Jquery具有特定的函数来了解ajax何时启动以及ajax何时停止。如果你想每次显示你的gif并在ajax停止时隐藏它：您可以隐藏 gif（使用 display：'none'）并在加载 ajax 时显示它

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

如果您知道多少次，您想显示然后隐藏它，请使用 https://api.jquery.com/delay/