pull/733/head
parent
d8dfbf6995
commit
b867167b78
|
@ -40,6 +40,7 @@ export default {
|
||||||
let barHeight
|
let barHeight
|
||||||
let x = 0
|
let x = 0
|
||||||
let isPlaying = false
|
let isPlaying = false
|
||||||
|
let animationFrameId
|
||||||
|
|
||||||
const theme = useRefGetter('theme')
|
const theme = useRefGetter('theme')
|
||||||
// const setting = useRefGetter('setting')
|
// const setting = useRefGetter('setting')
|
||||||
|
@ -50,7 +51,8 @@ export default {
|
||||||
|
|
||||||
// https://codepen.io/nfj525/pen/rVBaab
|
// https://codepen.io/nfj525/pen/rVBaab
|
||||||
const renderFrame = () => {
|
const renderFrame = () => {
|
||||||
if (isPlaying) window.requestAnimationFrame(renderFrame)
|
animationFrameId = null
|
||||||
|
if (isPlaying) animationFrameId = window.requestAnimationFrame(renderFrame)
|
||||||
|
|
||||||
x = 0
|
x = 0
|
||||||
|
|
||||||
|
@ -84,6 +86,7 @@ export default {
|
||||||
renderFrame()
|
renderFrame()
|
||||||
}
|
}
|
||||||
const handlePause = () => {
|
const handlePause = () => {
|
||||||
|
if (animationFrameId) window.cancelAnimationFrame(animationFrameId)
|
||||||
isPlaying = false
|
isPlaying = false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue