How to use .animate() with a notification system

How to use .animate() with a notification system

Hello,

I'm quite a beginner with the JQuery framework. I'm building a very simple notification system showing at the top of the screen.

Here is my actual script :
  1. function msg(txt) {
  2.     if(txt) {
  3.         $("#message").html(txt);

  5.         $('#message').animate({
  6.             top: '14'
  7.         }, 1000, "easeOutBounce", function() {
  8.             // Animation complete
  9.             setTimeout(
  10.                 function() {
  11.                     $('#message').animate({
  12.                         top: '-66'
  13.                     }, 1000 )}, 1500);
  14.         });
  15.     }
  16. }
Explanation : a message appears from the top center of the screen with a bounce effect. After 1.5s the message disappears.

My problem is that if a second call is made within these 1.5s to the function message(), it's a bit buggy as my message disappears. 

I think the best way would be by cancelling the previous "hide" effect. I saw the clearQueue() function but I didn't really understood if that would help me.

Many thanks in advance for your advices!