2015-11-24 2 views
1

Привет, у меня есть следующая функция ajax. После щелчка по ссылке значок должен быть заменен с «off» на «рабочий» значок, а по окончании работы значок должен быть заменен на «on».Режим значка переключателя через несколько секунд

Я хочу, чтобы значок через 5 секунд снова включился в состояние «включено». Может ли кто-нибудь показать мне, как это сделать? Я новичок в 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

Try SetTimeout:

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

Где 3000 является время задержки в миллисекундах

+0

Спасибо! Прекрасно работает. – Omri

Смежные вопросы