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

我有一个ajax加载程序，它在单击按钮后显示，代码如下：

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

HTML:

'

我希望ajax加载程序在大约10秒后消失

---

请让我知道

您可以在10秒后使用此选项隐藏加载程序

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

同时看看你的代码，我不确定这是否会奏效。另外，如果您使用的是jQuery，那么您实际上不需要使用普通Javascript，这样您的代码就可以更改为这样

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

注意：为了让jQuery函数在setTimeout中工作，应该将其包装在setTimeout中

function() { ... }

---

您可以使用javascript setTimeout

$(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);
});

function() { ... }