小编T88*_*888的帖子

从当前日期开始倒计时 5 分钟

新的反应在这里。我正在尝试输出一个倒计时器,日期设置为从现在起 5 分钟。但我所能得到的只是倒计时橡皮筋,或者 5 分钟或 0 时的静态。目前,它在 00:00:00:00 时是静态的。谢谢

编辑:我试图让它与钩子一起工作,而不是通过构造函数类。

从 './aButton' 导入 AButton;从 'react' 导入 { useState, useRef, useEffect};

export default function Countdown() {
        
        const [addTime, setAddtime] = useState();
        const [countdown, setCountdown] = useState((new Date()).toLocaleTimeString());

        const [timerDays, setDays] = useState('00');
        const [timerHours, setHours] = useState('00');
        const [timerMinutes, setMinutes] = useState('00');
        const [timerSeconds, setSeconds] = useState('00');

        let interval = useRef();

        const oldDateObject = new Date();
        const sourceDate = oldDateObject.getTime(); // date - 300000
        const diff = 5;
        //this gives use …
Run Code Online (Sandbox Code Playgroud)

javascript countdown countdowntimer reactjs react-hooks

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