2012-03-07 7 views
0

私のページに3つのdivがあるとします。複数のDivを同じページでリフレッシュする

<div id='1'></div> 

<div id='2'></div> 

<div id='3'></div> 

現在、私は新鮮本部にこれを使用しています:

auto_refresh = false; 
if (auto_refresh === false) { 
    auto_refresh = setInterval(function(){$('#1').load(thisurl + '&timer=' + new Date().getTime() + ' #1');}, 5000); 
} else { 
    clearInterval(auto_refresh); auto_refresh = false; 
} 

をそして私はdiv要素1及び2 5秒ごとにリフレッシュしたいが、3、私はjQueryのを使用していることをどのように行うことができますがDIVありません?追加するもう一つのことは、DIVのIDは動的になります。

+0

[何を試しましたか?](http://mattgemmell.com/2008/12/08/what-have-you-tried/) –

+0

'setInterval':https://developer.mozilla.org/ja/ window.setInterval。また、HTML IDは数字や特殊文字で始まるはずです。 – Jasper

+0

"リフレッシュ"とリフレッシュデータのソースと書式を定義します – charlietfl

答えて

1

他の人が言及したように、setIntervalを使用します。一部ではなくすべてをリフレッシュする方法の1つは、idではなく、classセレクタを使用することです。 idsを使用する必要がある場合は、その3番目のdivを除外するためにいくつかのルールを使用する必要があります。

次に、リフレッシュロジックを関数に入れて、setIntervalの内部から関数を呼び出します。

+0

良い提案ですが、リフレッシュする必要があるdivのクラスを作成することができます。ありがとう。 – DanielOlivasJr

0

setInterval機能の使用:限り、ちょうどそれらを選択し、構造(他の欠如)に基づいて、あなたがクラスにそれらでし

setInterval(function() 
      { 
       $('#1').fadeOut('slow').load('your url').fadeIn("slow"); 
       $('#2').fadeOut('slow').load('your url').fadeIn("slow"); 
      } 
      , 5000); 
+0

リフレッシュする必要のあるディビジョンが配列されている場合は、どうすれば使用できますか? – DanielOlivasJr

0

と「最初の2」をつかむ:

<div class="c" id='1'>1</div> 
<div class="c" id='2'>2</div> 
<div class="c" id='3'>3</div> 

<script type="text/ecmascript"> 
$(document).ready(function() { 

    $('div.c:lt(2)').html("updated"); 

}); 
</script 
関連する問題