Comment retarder une alerte?

Question

J'essaie de retarder une alerte mais ne peut pas le faire fonctionner, il apparaît toujours quand #foo est plané au-dessus et augmente en taille:

$('#foo').hover(function() { 
$(this).animate({width :'400px'}, 'slow'); 
}, 
function() { 
$(this).delay(2000).animate({width :'40px'}, 'slow'); 
alert('Im an alert message'); 
}); 

mais je le veux montrer seulement après #foo a diminué de retour à l'état initial ...

Answer 1

Utilisez la fonction setTimeout: http://www.w3schools.com/js/js_timing.asp

$('#foo').hover(function() { 
setTimeout(function(){$(this).animate({width :'400px'}, 'slow');}, 3000); 
} 

le code ci-dessus devrait retarder pendant 3 secondes.

Answer 2

Que faire à propos de l'utilisation d'un rappel ??

$('#foo').hover(function() { 
    $(this).animate({ 
     width: '400px' 
    }, 'slow'); 
}, function() { 
    $(this).delay(2000).animate({ 
     width: '40px' 
    }, 'slow', function() { //callback function, which runs very next to .animate() 
     alert('Im an alert message'); 
    }); 
}); 

Answer 3

Vous devez le faire dans un rappel. Ceci est une fonction qui sera appelée lorsque l'animation est terminée:

$(this).delay(2000).animate({width :'40px'}, 'slow', function(){ 
    alert("I'm an alert message"); 
}); 

Voir la animate API.

Answer 4

Il semble que vous souhaitez utiliser un rappel sur la fonction d'animation?

$(this).delay(2000).animate({width :'40px'}, 
    'slow', 
    function() { 
     alert('Im an alert message'); 
    } 
);