Bennett/snk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔨 fix demo

Browse Source
This commit is contained in:
platane
2020-07-20 23:02:23 +02:00
parent dd23c1630e
commit 73bfce908e
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/demo/index.ts
View File

@@ -71,19 +71,23 @@ document.body.appendChild(input);
const autoplayButton = document.createElement("button"); const autoplayButton = document.createElement("button");
let cancel: any; let cancel: any;
const loop = () => { const loop = () => {
input.value = (1 + input.value) % +input.max; debugger;
input.value = (+input.value + 1) % +input.max;
update(+input.value); update(+input.value);
cancelAnimationFrame(cancel); cancelAnimationFrame(cancel);
cancel = requestAnimationFrame(loop); cancel = requestAnimationFrame(loop);
}; };
const setAutoPlay = (a: boolean) => { const setAutoPlay = (a: boolean) => {
autoplayButton.innerHTML = a ? "pause ⏸" : "play ▶"; autoplayButton.innerHTML = a ? "pause" : "play";
if (a) loop(); if (a) loop();
else cancelAnimationFrame(cancel); else cancelAnimationFrame(cancel);
}; };
autoplayButton.addEventListener("click", () => autoplayButton.addEventListener("click", () => {
setAutoPlay(autoplayButton.innerHTML === "pause ⏸") debugger;
); setAutoPlay(autoplayButton.innerHTML === "play");
});
document.body.appendChild(autoplayButton);
setAutoPlay(true); setAutoPlay(true);
update(+input.value); update(+input.value);