Как остановить / переопределить функцию JQuery TimeOut?

Question

У меня есть небольшой фрагмент кода jquery, который отображает уведомление в верхней части экрана в ответ на действия пользователя на странице. Уведомление часто отображается после действий Ajax с динамическим содержимым внутри него.

Например:

$("#mini-txt").html("Thank you!");
$("#mini").fadeIn("fast");
setTimeout(function() {$("#mini").animate({height: "hide", opacity: "hide"}, "medium");}, 3000);

Уведомление работает хорошо, за исключением случаев, когда пользователь выполняет два или более действий в быстрой последовательности, и в этом случае функция TimeOut запутывается, а второе сообщение появляется в течение предыдущих 3000 миллисекунд.

Есть ли способ «убить» предыдущее уведомление, если выполняется новое действие. У меня нет проблем с действиями / селекторами, только функция TimeOut .... либо остановка, либо переопределение каким-либо образом. Или, может быть, есть лучшая альтернатива, чтобы сообщение задерживалось на экране в течение нескольких секунд, прежде чем исчезнуть?

Спасибо.

Answer 1

Сначала вы сохраняете возвращаемое значение для функции setTimeout:

// Set the timeout
var timeout = setTimeout(function()
    {
        // Your function here
    }, 2000);

Затем, когда вы будете готовы убить тайм-аут ... вы просто вызываете clearTimeout с сохраненным значением из предыдущего вызова на setTimeout.

// Then clearn the timeout
clearTimeout(timeout);

Answer 2

Вы можете использовать .stop ()

Остановить текущую анимацию на подобранных элементах.

Answer 3

jQuery 1.4 имеет встроенный метод для обработки задержек анимации, который вы можете сделать примерно так:

$("#mini-txt").html("Thank you!");
$("#mini").fadeIn("fast").delay(3000).animate({height: "hide", opacity: "hide"}, "medium");

А потом, когда вы захотите очистить очередь анимации, вы можете сделать:

$("#mini").stop(true);

Answer 4

Это сбрасывает тайм-аут после запуска функции с задержкой 500 мс

var timeout = setTimeout(function(){

/* YOUR FUNCTION */

}, 500, function(){
   clearTimeout(timeout);
});