JavaScript JS alle Animationen stoppen

dennes

Lt. Junior Grade

Registriert

Okt. 2011

Beiträge

267

• 5. Februar 2018

• #1

Hi

hänge schon eine Weile an einem script das ich mir zugerecht gebastelt habe,
bin selber ein extremer anfänger in sachen JS, mein problem derzeit besteht darin dass ich die Animation nicht zum stoppen bekomme, zb nach 10sek abspielen.
habe schon einiges probiert wie zb stopAnimation oder setTimeout etc nur klappt leider nicht
wäre mega cool wenn ich hier jemanden finde der mir dabei helfen kann

meine frage wäre also, welcher ist der allgemeine code um zu sagen, "alle animationen nach 10sek stoppen"?

vielen lieben dank im voraus :=)

 

Zuletzt bearbeitet: 5. Februar 2018

Sparta8

Lieutenant

Registriert

Juli 2008

Beiträge

977

• 5. Februar 2018

• #2

Welche Bibliothek/Framework verwendest du denn für Animationen? Die meisten haben die Funktion "alle Animationen stoppen" eingebaut.

Falls du noch keine verwendest:
Für einfache Sachen: http://velocityjs.org/
Für komplexe Animationen: https://greensock.com/

Gibt aber noch eine Reihe weiterer Alternativen. Einfach nach "velocity.js alternative" googeln.

 

H

Hancock

Captain

Registriert

Nov. 2007

Beiträge

3.875

• 5. Februar 2018

• #3

Wie spielst du die Animationen ab? (Das geht heutzutage ja auch via CSS, die kann man nur mit viel Shenghai stoppen (CSS durchsuchen und die Styles entfernen).)

 

dennes

Lt. Junior Grade

Ersteller dieses Themas

Registriert

Okt. 2011

Beiträge

267

• 5. Februar 2018

• #4

das ist der hintergrund von der animation

https://pastebin.com/DCSNVTjE

 

Zuletzt bearbeitet: 6. Februar 2018

T

Teiby

Lt. Commander

Registriert

Sep. 2008

Beiträge

1.716

• 5. Februar 2018

• #5

dennes schrieb:

hat leider nicht alles rein gepasst da es 400 zeichen überschritten hat.

Zum Vergrößern anklicken....

Merkste was? Benutze dafür https://pastebin.com/

 

H

Hancock

Captain

Registriert

Nov. 2007

Beiträge

3.875

• 5. Februar 2018

• #6

Ok, also Framework particleJS, welches, so wie es aussieht, nicht gut dokumentiert ist. Aber was sollst: Quelltext lesen. So wie es aussieht, ist das nicht vorgesehen, wenn du die Canvas löschst, fliegt leider der Drawcode nicht raus, zieht also weiter Leistung.

​window.pJSDom scheint da vielleicht was zu enthalten.

 

dennes

Lt. Junior Grade

Ersteller dieses Themas

Registriert

Okt. 2011

Beiträge

267

• 6. Februar 2018

• #7

könnt ihr mir da also auch kein befehl mitteilen, das ich die komplette animation stoppen kann?

 

Blackfaded

Lt. Junior Grade

Registriert

Juni 2005

Beiträge

372

• 6. Februar 2018

• #8

Google:

Code:

particle js stop animation

Zweiter Link:

Code:

https://github.com/VincentGarreau/particles.js/issues/88

 

dennes

Lt. Junior Grade

Ersteller dieses Themas

Registriert

Okt. 2011

Beiträge

267

• 6. Februar 2018

• #9

schade, finde da leider auch nichts

 

Blackfaded

Lt. Junior Grade

Registriert

Juni 2005

Beiträge

372

• 6. Februar 2018

• #10

HTML:

pJSDom[0].pJS.particles.move.enable = false;

 

dennes

Lt. Junior Grade

Ersteller dieses Themas

Registriert

Okt. 2011

Beiträge

267

• 7. Februar 2018

• #11

klappt mit dem code leider auch nicht, dann spielt er die animation erst garnicht ab

Ergänzung (7. Februar 2018)

gibt es keine möglichkeit um zu sagen, stopp das ganze script nach 10sek?

 

Blackfaded

Lt. Junior Grade

Registriert

Juni 2005

Beiträge

372

• 7. Februar 2018

• #12

Du musst das schon in ein setTimeout legen ^^

Code:

setTimeout(function(){
    pJSDom[0].pJS.particles.move.enable = false;
}, 10000);