Heim  >  Artikel  >  Web-Frontend  >  Einführung in Beispiele für die verzögerte Ausführung von JQuery

Einführung in Beispiele für die verzögerte Ausführung von JQuery

巴扎黑
巴扎黑Original
2017-06-30 11:44:471185Durchsuche

Eine verzögerte Ausführung ist unter bestimmten Umständen sehr nützlich, und die Implementierungsmethode ist auch sehr einfach. Dieser Artikel enthält ein gutes Beispiel. Ich hoffe, er wird für alle hilfreich sein >Der Code lautet wie folgt:

Der obige Code bewirkt, dass die
$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.queue(function(){$(this).show();}); 
});

-Schaltfläche auf der Seite 500 Millisekunden nach dem Laden der Seite ausgeblendet und dann 1500 angezeigt wird Millisekunden später.
Der Code lautet wie folgt:

$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});
Der obige Code hat die gleiche Wirkung wie der vorherige Code.



Der Code lautet wie folgt:

Der obige Code ist ebenfalls nur ausgeblendet und wird nicht erneut angezeigt. Im Vergleich zu Code 2 passt sich der Code in der Warteschlange nicht an Es ist ersichtlich, dass nach der Ausführung auch die
$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide();}) 
.delay(1500) 
.show(1); 
//.queue(function(){$(this).show();}); 
});
-Animation

in der Warteschlange gestoppt wird. Sie müssen „dequeue“ aufrufen, um mit der Ausführung fortzufahren (hier ist keine Animation in der Warteschlange). , aber das aktuelle Es wird auch Probleme geben, wenn die Animation des Objekts in der Warteschlange ausgeführt wird).
Der Code lautet wie folgt:

Der obige Code ist nur ausgeblendet und wird nicht erneut angezeigt! ! Hier gibt show nicht mehr die Dauer der Animation an, sodass die Show-Methode keine Animation mehr ist. Es ist ersichtlich, dass durch Dequeue nur nachfolgende Methoden in der Animationswarteschlange ausgeführt werden können, die
$(function(){ 
var $inputs = $('input[type=button]') 
.delay(500) 
.queue(function(){$(this).hide().dequeue();}) 
.delay(1500) 
.show(); 
//.show(1); 
});
jquery

-Methode in der Nicht-Animationswarteschlange jedoch nicht weiter ausgeführt werden kann!

Das obige ist der detaillierte Inhalt vonEinführung in Beispiele für die verzögerte Ausführung von JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn