So stoppen Sie Animation oder Wirkung in JQuery

So stoppen Sie Animation oder Wirkung in JQuery

Die Animationen oder Effekte machen den Inhalt für Endbenutzer präsentierbar. JQuery bietet verschiedene Methoden wie Animate (), Fadein (), Fadeout () usw., Animation oder Effekt hinzufügen. Was ist, wenn Sie Animation oder Effekt stoppen möchten?? Sie können dies auch tun, mal sehen, wie?

Die Stop () -Methode unterstützt die Animation oder den Effekt in JQuery. Die Stop -Methode bietet vielfältige Funktionen, wie das Stoppen der Animation/des Effekts sofort oder nacheinander stoppen. Dieser Artikel zeigt die Möglichkeiten, die Animation oder einen Effekt in JQuery zu stoppen.

So stoppen Sie Animation oder Wirkung in JQuery

Die Stop () -Methode in JQuery hilft beim Stoppen der Läufe der Animation oder des Effekts. Die Syntax der Stop () -Methode ist unten gezeigt.

$ (Selektor).Stopp (Clearqueue, Jumptoend);

Der Selektor kann jedes HTML -Element oder eine Klasse/ID des Elements sein. Darüber hinaus bietet die Stop () -Methode zwei Parameter (die optional, aber nicht erforderlich sind)

  • Clearqueue: Es akzeptiert die booleschen Werte (entweder wahr oder falsch) und entscheidet über das Stoppen der kommenden Animationen. Der FALSCH(Standardwert) Wert lenkt an, dass nur die aktuelle Animation gestoppt wird und andere Animationen in der Warteschlange gestartet werden. Während die WAHR Wert beendet die Animation sofort.
  • Jumptoend: Sein Standardwert ist FALSCH, Wenn der WAHR Der Wert wird zugewiesen, dann beendet er die Animationen und die Warteschlange wird ebenfalls gelöscht.

Die obige Syntax eignet.

So stoppen Sie Animationen in jQuery

Dieser Abschnitt übt einige Beispiele aus, die Leitfaden für die Beendigung von Animationen in verschiedenen Szenarien mithilfe der Stop () -Methode leiten,.

Beispiel 1: Verwenden der Stop () -Methode ohne Parameter

Der obige Code animiert die Breite der Div mit einer Geschwindigkeit von Millisekunden = “5000“. Darüber hinaus stoppt die Stop () -Methode die laufende Animation.

Ausgang

Vor dem Animieren

Nach dem Zufallsprinzip der Stop () -Methode (überall anhalten)

Beispiel 2: Verwenden der Stop () -Methode mit Parametern

Die folgenden Codepraktiken stoP () -Methode mit beiden Parametern verwenden. Und der Wert des Parameters wird auf eingestellt WAHR.

Der obige Code animiert die Breite Eigenschaft und dann wird die Stop -Methode (True, True) angewendet.

Ausgang

Vor einer Aktion

Nach dem Start der Animation, wenn die Schaltfläche Stoppanimation angeklickt wird, endet die Animation sofort.

Wie man den Fading () -Effekt in jQuery stoppt

Die Stop () -Methode in JQuery kann auch verwendet werden, um einen Effekt zu stoppen. Der nachstehend angegebene Code übt den verblassenden Effekt und dann die Stop () -Methode aus, um diesen Effekt zu stoppen.

Der obige Code fades-out die div bei Geschwindigkeit von 2500 Millisekunden und die Stop -Methode werden verwendet, um die Verblasungsmethode zu stoppen.

Ausgang

Vor dem Start/Stopp des Verblassenprozesses

Nach dem Start des Verblasungsprozesses wird beim Klicken auf die Schaltfläche Stopp auf den Verblasungsprozess gestoppt, wie im Bild unten gezeigt (in unserem Fall).

Abschluss

Die Stop () -Methode von JQuery wird verwendet, um die Animation oder einen Effekt zu stoppen. Die Stop () -Methode akzeptiert zwei Parameter und kann auch ohne Parameter angewendet werden. Beide Parameter sind boolescher Natur und daher werden nur wahre/falsche Werte akzeptiert. Sie hätten die Anwendung der Stop () -Methode gelernt, um die Animation in JQuery zu stoppen. Darüber hinaus wird die Stop () -Methode auch auf einer Fadeout () -Methode in JQuery ausgeübt.