jQuery ajax加載 - 顯示加載圖像一分鐘。 1秒

Question

我有一個jquery ajax請求。 在頁面加載時顯示加載圖像。 這是行之有效的，但我想顯示加載gif至少1秒。

我已經嘗試過這樣的：Ajax loader image: How to set a minimum duration during which the loader is shown?， 但它不工作。

我的代碼是：

<div id="ajaxcontent"><img src="loader.gif" id="ajaxloading" /></div> 

和

$.ajax({ 
// some code for the request 
success: function() { 
      $('#ajaxcontent').text(myResultText); 
     } 

我也試過被顯示的文本之前添加.delay（1000），但這也不起作用。

Answer 1

做你試試這個？

setTimeout(function() { $('#ajaxcontent').text(myResultText);}, 
       1000); 

Answer 2

jQuery中的delay()方法涉及動畫，所以它不會延遲的元素的任何屬性的更新。相反，嘗試使用setTimeout()功能，它運行你等待毫秒的一組號碼後註明代碼：

$.ajax({ 
    // some code for the request 
    success: function() { 
     setTimeout(function() { 
      $('#ajaxcontent').text(myResultText); 
     }, 1000); 
    } 
}