有一段時間后刪除Ajax加載程序映像

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() { ... }