javascript

[Technipion]

wie könnte eine elegante Lösung aussehen?

Vielleicht sowas im Stile von

// Zeugs

var velocity = 10; // 10 px/s

// mehr Zeugs

function Gedöns(var blubb) {
    // Mach was
    
    velocity += 5; // beschleunige um 5 px/s
    position += velocity * dt; // dt ist Zeit seit letztem Frame
}

Gruß Technipion

 

[basti1012]

so ganz verstehe ich dich nicht . in mein beispiel ist doch vollkommen egal was da für zeiten stehen. setimeout wird enmal aufgerufen,und twar dann was da steht . ca 3 Sekunden. Nach den 3 Sekunden läut der Intervall durch. Da ist auch egal was für nee Zahl da steht.

Vieleicht verstehe ich das auch alles falsch. Du willst das deine Function nach Seitenaufruf in ca x Sekunden startet und dann läuft ? Das wäre doch genau das was ich zeigte ? Oder verblöde ich jetzt ?

 

[ComFreek]

Das habe ich mir auch gedacht und getestet. Aber wie geht es denn?
meine jetzige Idee ist, dass ich setintervall aufrufe mit verzögerung z.B. 1000
dann nach der ersten Ausführung ein clearintervall mache und dann wieder setinterval mit verzögerung 6000. aufrüfe.
würde das funktionieren und wäre das the state oft the art?

Das würde gehen, wäre aber m. E. unschön. Die Lösung hatte ich oben schon verraten Siehe hier:

Nutze für die erste Aktion setTimeout, danach einmalig setInterval.

In Code etwa:

const firstTimeout = 1000;
const subsequentIntervalLength = 6000;

setTimeout(() => {
  yourFunction():
  setInterval(yourFunction, subsequentIntervalLength),
}, firstTimeout);

da es flüssig aussehen soll muss es wohl über setInterval laufen.

Da würde ich widersprechen. Für Animationen gibt es die API rund um "requestAnimationFrame". Danach kannst du mal googeln.

 

[Jofre]

Wenn ich den Code einfüge wird der : angemeckert mit ; expected.
dito } mit js Expression erwartet.

requestAnimationFrame" ist echt besser

 

[ComFreek]

Wenn ich den Code einfüge wird der : angemeckert mit ; expected.
dito } mit js Expression erwartet.

Das war natürlich ein Schreibfehler für ';'. Ein bisschen erwarte ich schon auch, dass du selbständig mitdenkst

 

[Sempervivum]

Bei all der Begeisterung für Neues bitte ich zu bedenken, dass Pfeilfunktionen von IE11 nicht unterstützt werden.

 

[ComFreek]

Bei all der Begeisterung für Neues bitte ich zu bedenken, dass Pfeilfunktionen von IE11 nicht unterstützt werden.

Dann empfehle ich ein gutes Buildsystem, das auf niedrigere ES-Standard herunterkompiliert. Nur wegen mangelnder Browserkompatibilität braucht das Software Engineering nicht darunter zu leiden
(Aber ja, ich verstehe, dass dies ein hoher Initialaufwand ist und möglicherweise für ganz kleine Projekte nicht gerechtfertigt.)

 

[Jofre]

Hab schon mitgedacht und SELBSTÄNDIG den : durch ; ersetzt. Meckert trozdem..

 

[ComFreek]

Kannst du die Ausgabe der Fehlerkonsole bitte posten?

In welchem Browser testest du das? Wie @Sempervivum sagte, Fat Arrow Functions (... => {...}) werden (leider) nicht von allen Browsern unterstützt, auf die man heutzutage noch in der Wildnis trifft.

 

[basti1012]

Fat Arrow Functions (... => {...}) werden (leider) nicht von allen Browsern unterstützt, auf die man heutzutage noch in der Wildnis trifft.

Würde es dann nicht rechen die Zeile

setTimeout(() => {

mit der zu tauschen ???

setTimeout(function(){

Oder bin ich da jetzt auf den falschen Dampfer??