2015-11-24 83 views
1

嗨,有以下ajax功能。點擊鏈接後,圖標應該從「關閉」替換爲「工作」圖標,並且在工作結束時圖標應該替換爲「開啓」。幾秒鐘後切換圖標模式

我希望在「開啓」狀態下幾秒鐘後,圖標會切換回「關閉」狀態。有人能告訴我該怎麼做嗎?我是Ajax新手。

$.ajax({ 
    url: '/work', type: "GET", 
    beforeSend: function (data, jqXHR) { 
     $('#status').attr("src", "/img/_working.gif"); 
    }, 
    success: function (data, textStatus, jqXHR) { 
     $('#status').attr("src", "/img/_on.png"); 
     $("#work").html(data) 
     $("#work").show() 
    }, 
    error: function (jqXHR, textStatus, errorThrown) { 
     $('#status').attr("src", "/img/_error.gif"); 
     alert('error') 
    } 
}); 

<img src="/img/_off.png" class="img-swap" id="status" style="width: 20px;height: 20px;"/> 
+0

怪異與啓動文件名的時間延遲'_' ... – Raptor

+0

不要擔心。這只是一個草稿:) – Omri

回答

3

嘗試的setTimeout:

setTimeout(function(){ $('#status').attr("src", "/img/_off.png"); }, 3000); 

其中3000以毫秒爲單位

+0

謝謝!很棒。 – Omri