JSでアニメーションタイマーを操作する方法

今回はJSでアニメーションタイマーを操作する方法と、JSでアニメーションタイマーを操作する際の注意点を紹介します。以下は実践的なケースですので見てみましょう。

大まかに言うと、js を通じて変更されるすべての視覚的なプレゼンテーションはアニメーションと呼ばれます。たとえば、ボタン、リンク、その他の要素のインタラクティブなフィードバックです。

狭義: 要素の属性を変更するためにタイマーを通じて js 関数を継続的に呼び出すことによって生成される視覚的なアニメーション効果。

Timer

Timer は JavaScript アニメーションのコア テクノロジーです。

setTimeout()、setInterval() はよく知られており、以前はよく使用されていました。他のタブからループ アニメーションのあるページに切り替えると、遅延が発生し、フレームが急速に切り替わるという現象が発生する可能性があります。問題は内部の動作メカニズムにあります。setTimeout の最初のパラメータを理解することをお勧めします。関数形式を使用すると、文字列形式が 2 回解析され、eval と同じ問題が発生します。

パラメーターが 2 つ以上ある場合は、例 1 を参照してください。これは問題を示しています。例 2 を参照してください。 ;

戻り値は整数です。

setInterval、clearIntervalは上記と同じです。れーれー

setInterval 凡例:

raf はシンプルで互換性があります

setTimeout(function(a,b){ 
 console.log(a+b); 
},1000,1,1)；

JSの元の値と参照値を使用して保存する

以上がJSでアニメーションタイマーを操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。