Heim > Artikel > Web-Frontend > Einführung in Beispiele für die verzögerte Ausführung von JQuery
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:
$(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:
$(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!