jquery - 几秒钟后切换图标模式

Question

您好，有以下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;"/>

Answer 1

尝试设置超时:

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

其中 3000 是以毫秒为单位的时间延迟