サーバーから AJAX 情報を呼び出し、その情報をページ上のブロックに表示するスクリプトがあります。そして、これらのブロックは 8 秒ごとに新しい情報セットにフェードインします。
サーバーからの情報は、8 秒ごとに新しいアイテムをプッシュする固定キューに格納されます。
そして、ブロックごとに、その配列からランダムなアイテムを取得して表示します。唯一のことは、私のブロックがたくさん重複していることです。
その配列項目が別のブロックから呼び出されているかどうかを確認して確認する方法はありますか。そうであれば、使用されていない別の項目を見つけるために移動します。
var queue = FixedQueue( 50 );
$(document).ready(function() {
$('.submit').click(function(){
setInterval(function(){
queue.push(fulltweet);
},8000);
});
});
setInterval(function(){
randotime = intervals[Math.floor(Math.random()*intervals.length)];
$('.block1', '.photo1:nth-child(1)').queue(function(){
$(this).hide();
$(this).html(queue[0]);
$(this).fadeIn(2000);
$(this).delay(randotime);
$(this).dequeue();
});
$('.block1', '.photo1:nth-child(1)').fadeOut(2000);
},randotime);
キューの長さに基づいて乱数を作成し、それを使用して呼び出してqueue[rando]
いましたが、ブロック内で重複が発生し続けます。