Untitled
unknown
plain_text
7 months ago
1.7 kB
3
Indexable
Never
// define the function that runs the countdown const runCountdown = () => { // let clock = document.querySelectorAll(".clock"); let circles = document.querySelectorAll(".clock svg circle:nth-of-type(2)"); let clockCounter = 0; let countDownInt; const countDown = () => { console.log("clockCounter:", clockCounter); for (let i = 0; i < circles.length; i++) { if (circles[i] === circles[0]) { if (clockCounter <= 40) { circles[ i ].style.cssText = `stroke-dashoffset: calc(817 - (817 * ${clockCounter}) / 100);`; } clockCounter++; } else if (circles[i] === circles[1]) { if (clockCounter <= 15) { circles[ i ].style.cssText = `stroke-dashoffset: calc(817 - (817 * ${clockCounter}) / 100);`; } clockCounter++; } else if (circles[i] === circles[2]) { if (clockCounter <= 20) { circles[ i ].style.cssText = `stroke-dashoffset: calc(817 - (817 * ${clockCounter}) / 100);`; } clockCounter++; } else if (circles[i] === circles[3]) { if (clockCounter <= 45) { circles[ i ].style.cssText = `stroke-dashoffset: calc(817 - (817 * ${clockCounter}) / 100);`; } clockCounter++; } else if (clockCounter <= 25) { circles[ i ].style.cssText = `stroke-dashoffset: calc(817 - (817 * ${clockCounter}) / 100);`; clockCounter++; } if (clockCounter === 100) { clearInterval(countDownInt); } } }; // handle clicking on the clock countDownInt = setInterval(countDown, 60); };