如何增加 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。

参考 URL For .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（使用显示：'none'）并在加载时显示它 ajax

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

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

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

How i can increase loading time of GIF image?

ajax

ajax-polling

jquery-ajaxq