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

Например:

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

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

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

Спасибо.