Question

我有一个ajax加载器，在使用以下代码单击按钮后出现：

jQuery(document).ready(function($){
{
        $.getElementById('form').onsubmit = function () {
        $.getElementById('submit').style.display = 'block';
        $.getElementById('loading2').style.display = 'block';
        };
    }(document));
});

HTML：

 <input type="submit" class="button alt"  onclick="$(\'#loading\').show();" name="woocommerce_checkout_place_order"/>'

我希望ajax加载器在10秒后消失。

请告诉我

Answer 1

您可以使用它在10秒后隐藏您的装载机。

setTimeout(function() {
    $('#loading').hide(); // I wasnt sure which one you wanted to hide
    $('#loading2').hide();
}, 10000);

同时查看你的代码，我不确定它是否会起作用。此外，如果您使用的是jQuery，那么您并不需要使用vanilla Javascript，因此您的代码可以更改为此。

jQuery(document).ready(function($){
    $('#form').submit(function () {
        $('#submit').css('display', 'block');
        $('#loading2').css('display', 'block');
    });
});

Answer 2

$(function() {
// setTimeout() function will be fired after page is loaded
// it will wait for 10 sec. and then will fire
// $("#successMessage").hide() function

setTimeout(function() {
$("#loading").hide('blind', {}, 500)
}, 10000);
});

注意：为了让你在setTimeout中使用jQuery函数你应该把它包装在里面

function() { ... }

有一段时间后删除Ajax加载程序映像

2 个答案: