Не могу понять почему интервал не останавливается

09 декабря 2020, 09:20

Всем привет, я написал код, сделал интервал чтобы повторялась функция, но только есть проблема, мне нужно после 3 повторений остановить интервал, а почему-то это не получается, вот код:

    x = 0; 
     
    objects = [document.querySelector('.circleOne'), 
    		   document.querySelector('.circleTwo'), 
    		   document.querySelector('.circleThree')]; 
     
    function scaleObjects () { 
    	setTimeout(function() { 
    		objects[0].style.transform = 'scale(1.4)';	 
    		objects[2].style.transform = 'scale(1)';	 
    		setTimeout(function() { 
    			objects[1].style.transform = 'scale(1.4)';	 
    			objects[0].style.transform = 'scale(1)';	 
    			setTimeout(function() { 
    				objects[2].style.transform = 'scale(1.4)';	 
    				objects[1].style.transform = 'scale(1)'; 
    				x++; 
    			}, 500); 
    		}, 500); 
    	}, 500); 
    } 
     
    functionInterval = setInterval(scaleObjects, 1500); 
     
    if (x == 3) { 
    	clearInterval(functionInterval); 
    }

В чем моя проблема?