Конфликт jQuery: 3 магических счетчика, 2 из которых отказываются работать

Einstein02 · 2016-01-05T20:45:57.0000000Z

Делаю 3 накручивающиеся счетчика, которые конфликтуют между собой. Работает только последний - на данный момент 3-ий. Если удалить его - будет работать второй, удалить второй - будет работать первый. Подскажите, пожалуйста, как сделать так, чтобы работали все 3. <div id="bx_651765591_80" > <div style="text-align: center;"> Проданных объектов:<br> <img src="/numbers_2_1.png" alt=""> <div class="counter11" data-num="800" style="font-size:40px"> 1 </div> </div> <script type="text/javascript"> $('#itimer').hover(function() { var time = 1; $('.counter11').each(function(){ var i = '1'; num = $(this).data('num'), step = 10 * time / num, that = $(this), int = setInterval(function(){ if (i <= num) { that.html(i); } else { clearInterval(int); } i++; },step); }); $('.counter11').removeClass(); }, function() { // обработчик отведения мыши }); </script> </div> <div id="bx_651765591_82" > <div style="text-align: center;"> Проданных объектов:<br> <img src="/numbers_2_1.png" alt=""> <div class="counter2" data-num="100" style="font-size:40px"> 1 </div> </div> <script type="text/javascript"> $('#itimer').hover(function() { var time = 1; $('.counter2').each(function(){ var i = '1'; num = $(this).data('num'), step = 10 * time / num, that = $(this), int = setInterval(function(){ if (i <= num) { that.html(i); } else { clearInterval(int); } i++; },step); }); $('.counter2').removeClass(); }, function() { // обработчик отведения мыши }); </script> </div> <div id="bx_651765591_83" > <div style="text-align: center;"> Проданных объектов:<br> <img src="/numbers_2_1.png" alt=""> <div class="counter3" data-num="800" style="font-size:40px"> 1 </div> </div> <script type="text/javascript"> $('#itimer').hover(function() { var time = 1; $('.counter3').each(function(){ var i = '1'; num = $(this).data('num'), step = 10 * time / num, that = $(this), int = setInterval(function(){ if (i <= num) { that.html(i); } else { clearInterval(int); } i++; },step); }); $('.counter3').removeClass(); }, function() { // обработчик отведения мыши }); </script> </div>

818

ziliboba0213

8 января 2016, 16:50

#11

Вроде, как я понял пятничным взглядом, вы постоянно ставите time=1, соответственно, оно и выполняет последний time. Но это я так, особо не вникая в код, по пятничному ... 🍿

Замените time на time1 time2 и time3..

Пятничные клики самые дешевые? mysql: Заполнить таблицу по Огромный аукцион доменов. Шаг

Зачем быть уникальным в мире, где все можно скопировать

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Конфликт jQuery: 3 магических счетчика, 2 из которых отказываются работать