2010-12-26 11 views
0

私は50個以上のdivでカウントダウンを表示する必要があります(Swoopo.comを考えてください)、毎秒setIntervalを使用します。多くのsetIntervalsと多くの選択/秒

私はこれらの2つのオプションを考えることができます。私の質問は、パフォーマンスにとってより便利なのは何ですか? 50の異なるsetIntervalを持つか、毎秒50のdivを選択しますか?ありがとうございました。

  1. プラグインを作成し、それを50個の要素にバインドします(次に50個のsetIntervalsを持ちます)。
  2. setIntervalは1つのみです。毎秒50要素を選択し、HTMLを設定します。

答えて

2

50個のアクションを発生させるタイマーは、1個のアクションを発生させるタイマーが50個あるよりも確実です。

タイマーは高価なので、できるだけ使用しないようにしてください。

DOM要素をキャッシュすることもできます(外部変数に返されたjQueryノードリストをキャッシュする必要があると思います)。

2

なぜセレクションをキャッシュしませんか?

var divs = $('div.myCountdownDiv') 

var interval = setInterval(function() { 
    divs.text('some decremented value'); 
}, 1000); 

私は間違いなく1秒ごとにDOMを選択しません。

関連する問題