Блог

Круг хода таймера:

Здравствуйте, ребята, как я могу синхронизировать анимацию уменьшения круглой линии с таймером? Просто в данный момент анимация заканчивается быстрее, чем таймер.

 let progressCircle = document.getElementById("progress-line");
let angle = 565;
let angleIncrement = 1;
const min = 0;

const lineAnimation = setInterval(() => {
    progressCircle.setAttribute("stroke-dasharray", angle   ", 20000");
    angle -= angleIncrement;
    if (angle <= min) {
        angle = 0;
        clearInterval(lineAnimation);
    }
}, 1000);