GuerillaStudio/compteur-de-greve
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/compteur-de-greve.git synced 2024-12-18 05:41:56 +00:00
Code Issues Activity

respect reduced motion for counter animation

Browse source
This commit is contained in:
wryk 2023-03-02 07:38:31 +01:00
parent 419358852d
commit a9cdc16f2a
1 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/js/script.js
View file

@ -67,22 +67,26 @@ document.addEventListener('alpine:init', () => {
}) })
function animateRange(duration, start, end, callback) { function animateRange(duration, start, end, callback) {
let startTimestamp = null; if (matchMedia("(prefers-reduced-motion)").matches) {
callback(end)
} else {
let startTimestamp = null;
const step = (timestamp) => { const step = (timestamp) => {
if (!startTimestamp) { if (!startTimestamp) {
startTimestamp = timestamp startTimestamp = timestamp
};
const progress = Math.min((timestamp - startTimestamp) / duration, 1)
callback(Math.floor(progress * (end - start) + start))
if (progress < 1) {
requestAnimationFrame(step)
}
}; };
const progress = Math.min((timestamp - startTimestamp) / duration, 1) requestAnimationFrame(step)
callback(Math.floor(progress * (end - start) + start)) }
if (progress < 1) {
requestAnimationFrame(step)
}
};
requestAnimationFrame(step);
} }
function formatNumber(number) { function formatNumber(number) {