アニメーションを実装するなら知っておきたい「requestAnimationFrame」の使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのおじいちゃんです。 今回はパフォーマンスを意識したアニメーションを実装できる「requestAnimationFrame」について書きたいと思います。 requestAnimationFrameとは requestAnimationFrameは、アニメーション実装時など、再描画が頻繁に行われる処理に使えるメソッドになります。 window.requestAnimationFrame() メソッドは、ブラウザに描画させたいアニメーションを指定し、次の再描画の前に、アニメーションを更新する指定した関数を呼び出すように要求します。このメソッドは再描画する前に呼び出されるコールバックメソッドを引数にひとつとります。 引用元：MDN setTimeoutやsetIntevalと比較されることが多いですが、主に以下のような違いがあります。 requestAnima
JavaScriptのsetTimeout()のまとめ
JavaScriptのsetTimeout()の使い方についてまとめてみました。 まとめているのは基本的なことのみですので、さらに詳しい内容については参考記事等を参照願います。 認識誤りがありましたらどこかでつぶやいてください。 １．setTimeout()の機能は？ タイムアウトした時点で、パラメータに指定した処理を1度だけ実行させるための関数です。 ２．setTimeout()のパラメータは？ 第1パラメータに起動したい処理または関数、第2パラメータにタイムアウト時間（＝第1パラメータで指定した関数または処理を起動させるまでの待ち時間）をミリ秒で指定します。 setTimeout( 起動したい処理または関数, タイムアウト時間 ); ３．setTimeout()の返却値は？ タイマーIDが返却されます。タイマーIDは単なる整数です。 var timer_id = setTimeout(
[JS]実行のタイミング（開始時間・回数・リピートなど）を簡単に設定できるスクリプト -timing
JavaScriptにはsetTimeout(), setInterval()とタイミングを設定できるメソッドがありますが、より簡単にタイミング（遅延時間・回数・リピートなど）を設定できるjQueryのプラグインを紹介します。 timing — a jQuery plugin [ad#ad-2] デモを例に、スクリプトの使い方を紹介します。 スクリプトの準備 スクリプトを使用するには「jquery.js」と当スクリプトを外部ファイルとして記述します。 ※jQueryは1.2+対応で、.join()使用時は1.7+を。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/<preferred-version>/jquery.min.js"></script> <script type=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yktmt blog: setIntervalのcallbackに引数を渡す
