Jquery 2 setInterval互いに競合しています

Question

私は隠しdivにリンクされているイメージマップを持っています。私はイメージマップの項目を強調表示し、その領域に対応する隠しdivも表示します。

私はimagemapster.jsを使って地図内のエリアをハイライトしています。ハイライトを順番に調べるには、私はこれを使用しています：

var $anchors = jQuery('area'), counter = 0; 
var timer = setInterval(function(A){ 
jQuery($anchors).mapster('deselect'); 
jQuery($anchors).eq(counter++ % $anchors.length).mapster('select'); 
}, 5000); 

素晴らしいです。私は隠されたdiv要素を介して循環にコードを追加する場合にはである：それは他のすべての項目を選択をループの代わりに1の増分次いで

var $text = jQuery('.visible'), counter = 0; 
var timertwo = setInterval(function(B){ 
jQuery($text).addClass('hidden'); 
jQuery($text).eq(counter++ % $text.length).removeClass('hidden'); 
}, 5000); 

。

これらの2つの機能を1つにまとめて、同時に1つずつ増やす方法はありますか？

Answer 1

あなたは

$(function() { 
    var $anchors = jQuery('area'), counter1 = 0; 
    var timer = setInterval(function(A){ 
    jQuery($anchors).mapster('deselect'); 
    jQuery($anchors).eq(counter1++ % $anchors.length).mapster('select'); 
    }, 5000); 
} 
$(function() { 
    var $text = jQuery('.visible'), counter2 = 0; 
    var timertwo = setInterval(function(B){ 
    jQuery($text).addClass('hidden'); 
    jQuery($text).eq(counter2++ % $text.length).removeClass('hidden'); 
    }, 5000); 
}