如何使用JS或jQuery添加睡眠或等待JS？

Question

如何從這個函數ShowSC（）

function ShowSC(){ 
$("#SC").html('LOADING'); 
//adding the sleep 1 second 
$("#SC").html('<img src="secure/captcha/securimage_show.php" class="img_middle" />'); 
} 

先謝謝補充睡眠！

對不起，我找不到其他問題的解決方案，所以我只是在這裏開始一個問題。

Answer 1

您可以使用setTimeout，它執行的函數，一次，等待毫秒

function ShowSC(){ 
    $("#SC").html('LOADING'); 

    //adding the sleep 1 second 
    setTimeout(function(){ 
     $("#SC").html('<img src="secure/captcha/securimage_show.php" class="img_middle" />'); 
    }, 1000); 
} 

這裏1000是在指定的毫秒數後

Answer 2

jQuery的方式™是使用delay和queue：

$('#SC') 
    .html('LOADING') 
    .delay(1000) 
    .queue(function (n) { 
     $(this).html('<img src="secure/captcha/securimage_show.php" class="img_middle" />'); 
     n(); 
    }); 

它有助於維護可鏈接的代碼，更具可讀性。可讀代碼更易於維護和擴展。

香草JavaScript的方法是使用在setTimeout回調：

$('#SC').html('LOADING'); 
setTimeout(function() { 
    $('#SC').html('<img src="secure/captcha/securimage_show.php" class="img_middle" />'); 
}, 1000); 

鏈內setTimeout電話setTimeout電話可以回調arrow code結束了，所以我一般建議進行排隊的使用，即使你不使用jQuery。你想要利用某種排隊。

_{下面的示例使用一個Queue類，我寫的：}

(function() { 
    var sc, 
     q; 
    q = new Queue(); 
    sc = document.getElementById('SC'); 
    sc.innerHTML = 'LOADING'; 
    q.queue(function (n) { 
     setTimeout(n, 1000); 
    },function (n) { 
     sc.innerHTML = '<img src="secure/captcha/securimage_show.php" class="img_middle" />'; 
     n(); 
    }); 
}());