Question

在AJAX方法之前，我添加了GIF图像，但加载时间非常短。如何设置加载持续时间以及AJAX响应显示后？

        tops = []
        for ind, top in enumerate(lr.top):
            color = colors.setdefault(top, COLORS[len(colors) % len(COLORS)])
            if top in disconnected_tops:
                top = '\033[1;4m' + top
            if len(lr.loss_weight) > 0:
                top = '{} * {}'.format(lr.loss_weight[ind], top)
            tops.append('\033[{}m{}\033[0m'.format(color, top))
        top_str = ', '.join(tops)

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/

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

2 个答案: