Implementieren Sie Animationseffekte mit JavaScript

Jeder nutzt die Timeline-Funktion in Dreamweaver, um interessante Animationseffekte zu erstellen. Haben Sie jemals über das Implementierungsprinzip von Animationen nachgedacht? Tatsächlich ist das Prinzip sehr einfach. Im Folgenden werde ich einen einfachen Animationsprozess demonstrieren, mit dem Sie Schlussfolgerungen ziehen und weitere coole Animationen erstellen können Wirkung.

Der Effekt dieses Beispiels besteht darin, dass Sie auf der Webseite auf die Schaltfläche „Verschieben starten“ klicken. Wenn Sie während dieses Vorgangs auf die Schaltfläche „Verschieben stoppen“ klicken, wird die angegebene Ebene von links nach rechts verschoben. es wird aufhören, sich zu bewegen.

　

　

　

　

　

　

　
　
　
　
　

Ich kann umziehen...

　

　

　

　
　

　

Hier verwenden wir hauptsächlich eine Funktion namens setTimeout (Funktion, Intervall). Das Parameterformat dieser Funktion ist :

Der erste Parameter „Funktion“ ist der Name der Funktion, die nach dem Timeout aufgerufen werden soll, und der zweite Parameter „Intervall“ ist der Timeout-Wert in Mikrosekunden.

Beachten Sie, dass Sie, wenn Sie diesen Timer stoppen möchten, den Rückgabewert nach dem Aufruf der Funktion setTimeout() speichern und den Timer über die Funktion clearTimeout(id) abbrechen müssen.