From 34875d579c5993b6f23f173023f4dd6d7d5554fd Mon Sep 17 00:00:00 2001 From: Alexandru-Butuza Date: Thu, 6 Feb 2025 11:16:03 +0200 Subject: [PATCH] fixed loading bar intervals overlapping --- _src-lp/scripts/scripts.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/_src-lp/scripts/scripts.js b/_src-lp/scripts/scripts.js index df3fc93e..f4f9cc1b 100644 --- a/_src-lp/scripts/scripts.js +++ b/_src-lp/scripts/scripts.js @@ -1094,16 +1094,18 @@ function eventOnDropdownSlider() { const loadingBars = slider.querySelectorAll('.loading-bar'); let activeIndex = 0; let interval; + let loadingInterval; function showLoadingBar(index) { + clearInterval(loadingInterval); // Clear any existing loading animation const loadingBar = loadingBars[index]; loadingBar.style.width = '0'; let width = 0; - const interval2 = setInterval(() => { + loadingInterval = setInterval(() => { width += 1; loadingBar.style.width = `${width}%`; if (width >= 100) { - clearInterval(interval2); + clearInterval(loadingInterval); } }, 30); // Adjust the interval for smoother animation } @@ -1123,6 +1125,7 @@ function eventOnDropdownSlider() { } function startAutomaticMovement() { + clearInterval(interval); interval = setInterval(moveToNextItem, 4000); // Set the interval }