小编sco*_*oby的帖子

反应倒计时器无法正常工作

因此,我正在为我的一个项目制作一个倒计时组件,以查看用户可以再次执行某操作之前剩余的时间。我有以秒为单位的时间差,并将秒数发送到我的倒计时组件。这就是我的倒计时组件的样子。

所以现在我什至没有使用时间差来进行测试,我只是做了 5000 秒。

    let [timerClock, setTimerClock] = useState(5000);                            
                                                                                 
    useEffect(() => {
    setInterval(function() {
        console.log("minus: ", timerClock)
        setTimerClock(timerClock - 1);
    }, 1000)
   }, [timerClock]);
Run Code Online (Sandbox Code Playgroud)

因此,在最初的 10 秒内,一切正常,但在最初的几秒钟后,它开始出现故障,无法正常工作。它会在相同的数字内上下波动,并且在两者之间开始变得更快。所以说它从 5000 开始,一旦达到 4990 左右,它将开始在 4990、4991、4993 等之间反弹,然后由于某种原因而下降,并且完全出现故障。难道我做错了什么?在我看来,它应该起作用,只是不了解发生了什么。

这是我的辅导员的图像,你可以看到它没有正确倒计时,这次它搞砸了。

在此输入图像描述

debugging timer setinterval countdown reactjs

1
推荐指数
1
解决办法
6560
查看次数

标签 统计

countdown ×1

debugging ×1

reactjs ×1

setinterval ×1

timer ×1