機能jQuery.fx.intervalは、jQueryで実行する全てのアニメに関わる「プロパティ」で、設定したミリ秒の間隔でアニメを更新します。1000を指定すれば1fpsになり、100を指定すれば10fpsになります。ミリ秒fpsはフレームレートの単位で、1秒間にアニメを更新する回数です。fpsが大きいほど(引数に設定する値が小さいほど)スムースなアニメになりますが、その分CPUに負荷が掛かります。スペックの低いPCによっては効果が期待できないかもしれません。デフォルトでは13ミリ秒が設定され、約77fpsになります。解説まずはjQuery.fx.intervalを利用しないサンプルからjQuery.fx.intervalの機能と比較するため、jQuery.fx.intervalを設定しないサンプルから確認します。サンプル(interval/01.html)を開いてbody内の構成にdiv要素が1つあることを確認してください。jQueryは以下のように記述され、div要素をクリックするとgoRightFuncを実行するようになっています。{$("div").click(goRightFunc);});ポイントはgoRightFuncと、そのコールバックに設定されたgoLeftFuncです。animateメソッドはお互いをコールバックで設定しているため、アニメが完了したらお互いを実行し合います。ループで永遠に左右の移動を繰り返します。goRightFunc);}結果として、div要素をクリックするとdiv要素が3秒かけて右に移動し、続いて3秒かけて左に移動するという動作を繰り返します。jQuery.fx.intervalを利用したサンプルではjQuery.fx.intervalを利用したサンプルを確認します。サンプル(interval/02.html)を開いてbody内の構成はinterval/01.htmlと同じ事を確認してください。jQueryもほとんど同じで、異なるのは以下の様にjQuery.fx.intervalプロパティを200(5fpsになります)に設定している点だけです。200;$("div").click(goRightFunc);});div要素をクリックしてアニメを確認して下さい。5fpsなのでカクカクとアニメが再生されます。メモアニメの途中で実行しても効果ありませんjQuery.fx.intervalは現在実行されているアニメのフレームレートを変更することはできないようです。jQuery.fx.intervalが効果を発揮するのは、jQuery.fx.intervalを設定した後で実行されるアニメのみということです。サンプル(interval/test01.html)を開いてbody内にbutton要素が追加されたことを確認して下さい。このbuttonをクリックすると以下の様にjQuery.fx.intervalを設定するようにしています。200;});このサンプルで、最初にdiv要素をクリックしてアニメを開始して下さい。その後でbuttonをクリックしてもフレームレートは変更されません。ページをリロードして、今度は先にbuttonをクリックしてからdiv要素をクリックして下さい。この順番だとフレームレートが変更されます。デフォルトの77fpsって速すぎない?私はFlashでコンテンツを作成する場合、大抵30fpsにします。jQueryのアニメがデフォルトで約77fps(ミリ秒で13)ということに驚きました。スペックの高いPCでないと意味ないのではないでしょうか?試しに約30fps(ミリ秒で33)のサンプル(interval/test02.html)を作成しました。jQuery.fx.intervalを利用していないinterval/01.htmlと比較して下さい。ほとんどの環境で差は無いと思います。33;$("div").click(goRightFunc);});スマートフォンのような低スペック環境は調整した方がよいのかもしれません。