import React, { useEffect, useRef, useState } from 'react'
export default function Page() {
const [num, setNum] = useState(60);
const timeRef = useRef()
const handleStart = () => {
let times = num
timeRef.current = setInterval(() => {
if (times < 1) {
clearInterval(timeRef.current)
setNum(60)
}
else {
times -= 1
setNum(times)
}
}, 1000)
}
const handleStop = () => {
clearInterval(timeRef.current)
}
return (<div>
<div>当前值:{num}</div>
<button onClick={handleStart}>开始</button>
<button onClick={handleStop}>暂停</button>
</div>)
}