react 实现 倒计时 点击开始 暂停

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>)

}