Deuxfleurs/site
20
2
Fork 6
Code Issues 4 Pull requests 7 Releases Wiki Activity

WIP: feat/PausePlayButton closes #16, #30 #34

Draft
adrian wants to merge 16 commits from adrian/site:feat/PausePlayButton into feat/a11y
pull from: adrian/site:feat/PausePlayButton
merge into: Deuxfleurs:feat/a11y
Conversation 1 Commits 16 Files changed 4 +7 -4
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 632986b36b - Show all commits

9
static/script-bon.js
View file

@ -1,5 +1,6 @@
// State of the animation // Checks if the user enabled or not prefers-reduced-motion
let animationPaused = false; const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
// Dictionary to keep track of animation intervals // Dictionary to keep track of animation intervals
let animationIntervals = {}; let animationIntervals = {};
// Dictionary to keep track of delay count for each animation // Dictionary to keep track of delay count for each animation
@ -29,9 +30,11 @@ function animate(id, delay) {
frames[id] = framesList; frames[id] = framesList;
delays[id] = delay; delays[id] = delay;
// start the animation // Start the animation if prefers-reduced-motion is not enabled
if (!prefersReducedMotion) {
animationIntervals[id] = setInterval(updateAnimation, delay, id, framesList, framesList.length); animationIntervals[id] = setInterval(updateAnimation, delay, id, framesList, framesList.length);
} }
}
function updateAnimation(id, framesList, totalFrames) { function updateAnimation(id, framesList, totalFrames) {