From bb27a8255022ef28e33f5d593be138d7e899f584 Mon Sep 17 00:00:00 2001 From: Hans5958 Date: Sat, 16 Apr 2022 21:10:39 +0700 Subject: [PATCH] Attempt to fix inaccurate background updating --- web/_js/time.js | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/web/_js/time.js b/web/_js/time.js index f3ccbd97..fcee1024 100644 --- a/web/_js/time.js +++ b/web/_js/time.js @@ -114,11 +114,14 @@ timelineSlider.max = variationsConfig[currentVariation].versions.length - 1; timelineSlider.value = currentPeriod; timelineSlider.addEventListener("input", (event) => { - updateTooltip(parseInt(event.target.value), currentVariation) - clearTimeout(updateTimeout) - updateTimeout = setTimeout(() => { - updateTime(parseInt(event.target.value), currentVariation) - }, 10) + updateTooltip(parseInt(event.target.value), currentVariation) + clearTimeout(updateTimeout) + updateTimeout = setTimeout(() => { + updateTime(parseInt(timelineSlider.value), currentVariation) + setTimeout(() => { + updateTime(parseInt(timelineSlider.value), currentVariation) + }, 50) + }, 25) }) variantsEl.addEventListener("input", (event) => { @@ -186,7 +189,7 @@ async function updateBackground(newPeriod = currentPeriod, newVariation = curren signal: abortController.signal }); if (currentUpdateIndex !== myUpdateIndex) { - break + return } const imageBlob = await fetchResult.blob() imageCache[url] = URL.createObjectURL(imageBlob)