Introduction aux exemples d'exécution retardée jquery

L'exécution différée est très utile dans certaines circonstances particulières, et la méthode de mise en œuvre est également très simple. Cet article contient un bon exemple. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde

Le code est le suivant :

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.queue(function(){$(this).show();}); 
});

Le code ci-dessus rend le bouton

de la page masqué 500 millisecondes après le chargement de la page, puis affiché 1500 millisecondes plus tard.

Le code est le suivant :

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});

Le code ci-dessus a le même effet que le code précédent.

Le code est le suivant :

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});

Le code ci-dessus est également uniquement masqué et ne sera plus affiché. Par rapport au code 2, le code en file d'attente ne s'ajuste pas. dequeue. On peut voir que queue Après l'exécution, la file d'attente

animation est également arrêtée. Vous devez appeler dequeue pour la faire continuer (hide() dans la file d'attente ici n'est pas un. animation, mais le courant Il y aura également des problèmes si l'animation de l'objet est exécutée dans la file d'attente).

Le code est le suivant :

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(); 
//.show(1); 
});

Le code ci-dessus est uniquement masqué et ne sera plus affiché ! ! Ici, show ne précise plus la durée de l'animation, donc la méthode show n'est plus une animation. On peut voir que dequeue ne peut exécuter que les méthodes suivantes dans la file d'attente d'animation, mais ne peut pas faire en sorte que la méthode

jquery dans la file d'attente de non-animation continue à s'exécuter !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!