Почему функция clearInterval не прекращает выполнение заданного интервала?

Функция clearInterval прекращает выполнение заданного интервала, однако возможно у вас возникает проблема с использованием этой функции в вашем скрипте.

Для того чтобы улучшить код и остановить анимацию после выполнения всех последовательностей, вы можете использовать дополнительную переменную для отслеживания состояния анимации. Например:

```javascript
let isAnimationPlaying = true;

function playAnimation() {
    // Ваш код для анимации
    // ...

    // Проверка условия окончания анимации
    if (/* условие окончания анимации */) {
        clearInterval(animationInterval);
        isAnimationPlaying = false;
    }
}

let animationInterval = setInterval(playAnimation, 100);

// Далее можно добавить проверку на факт завершения анимации перед остановкой
setTimeout(() => {
    if (!isAnimationPlaying) {
        clearInterval(animationInterval);
    }
}, 10000); // Примерный таймаут для окончания анимации
```

Таким образом, вы создаете логическую переменную `isAnimationPlaying`, которая будет отслеживать состояние анимации, и дополнительно проверяете эту переменную перед остановкой интервала.

У тебя дважды интервал запускается: 
 
setInterval(animation, 4000);
var stopAnimation = setInterval(animation, 4000);
clearInterval(stopAnimation);
 
 Ты один закрываешь, а второй (который первым вызвал) продолжает работать