Имеется функция формирования чисел из картинок:
function setCounterToNumber(index, num, container)
{
var nums = [1,1,1,1,1,1,1,1,1,1,1,1,1,1];
$('.'+container+' #counter > div:eq('+index+')').stop();
for(i=0; i <= num; i++)
{
$('.'+container+' #counter > div:eq('+index+')').children('.top').delay(100).animate({height:'0px'},100,function()
{
if(nums[index]+1 > 10) next_num = 1; else next_num = nums[index]+1;
$(this).attr('src','/digits/'+nums[index]+'.png').css('height','19px').prev().attr('src','/digits/'+(next_num) +'.png');
$('.'+container+' #counter > div:eq('+index+')').children('.bottom_high').animate({height:'19px'},100,function()
{
$(this).attr('src','/digits/'+(next_num)+'-d.png').css('height','0px').prev().attr('src','/digits/'+(nums[index]) +'-d.png');
nums[index]++;
});
});
}
}
+имеется обработчик mouseenter
, если наводим курсор на определенный div
(их несколько), то запускается формирование этих изображений. Проблема заключается в следующем: когда быстро водить курсором сразу по нескольким div
'ам, то получается, что цифры будут формироваться ровно столько, сколько раз я провел курсором по этим div
'aм.
Нужно, чтобы при наводке курсора на div
, цикл сбрасывался и начинался заново. Как это можно реализовать?