Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der wichtigsten Punkte nativer js-Bewegungsmethoden

一个新手
Freigeben: 2017-10-09 10:01:13
Original
1200 Leute haben es durchsucht

Hauptmethode: Verwendung des Timers setInterval(function(){},30);

Um Fehler zu vermeiden, wenn die Geschwindigkeit im letzten Moment kurz vor dem Stopp steht, kann die folgende Methode verwendet werden:

if(iSpeed<1)//速度足够小的时候,让速度直接为0,避免速度的波动{
iSpeed = 0;
}
Nach dem Login kopieren

Verwendung absoluter Werte (wird hauptsächlich bei elastischen Bewegungen und anderen Situationen verwendet, in denen die Geschwindigkeit positiv und negativ ist):

Math.abs(2.5)// 2
Nach dem Login kopieren

Kombination aus elastischer Bewegung und Reibung:

iSpeed+=(iTarget-obj.offsetLeft)/5;
iSpeed*=0.7;
Nach dem Login kopieren

Simulierte Reibungskraft:

iSpeed*=0.95;//小数速度会越来越小
Nach dem Login kopieren

Verzögerungsbewegung:

iSpeed--;
Nach dem Login kopieren

Beschleunigungsbewegung:

iSpeed++;
Nach dem Login kopieren

Elastische Bewegung:

iSpeed+=(300-op.offsetLeft)/50;
Nach dem Login kopieren

Kollisionsbewegung:

iSpeed *= -1;
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonZusammenfassung der wichtigsten Punkte nativer js-Bewegungsmethoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage