Удаление загрузчика изображения Ajax через некоторое время

Question

У меня есть загрузчик АЯКС, который появляется после нажатия кнопки со следующим кодом:

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"/>' 

Я хотел Аякс загрузчика исчезают после 10 секунд.

Пожалуйста, дайте мне знать

Answer 1

Вы можете использовать это, чтобы скрыть свой загрузчик через 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'); 
    }); 
}); 

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

Примечание: Для того, чтобы вы JQuery функция работы внутри SetTimeout вы должны обернуть его в

function() { ... }