countdown 相关问题

此标记指的是倒计时过程。换句话说，获取初始值然后从中一直减去较小值直到原始值达到指定量（通常为0）的行为。

创建 20 秒计时器不起作用，我正在尝试理解原因

我一直在尝试在我的网站中实现以下代码：让计数 = 20；常量计时器 = setInterval(function() { 数数 - ; 控制台.log(计数); 如果（计数 === 0）{ 清除间隔（时间...

javascript html css timer countdown

回答 1 投票 0

倒数计时器Java JavaFX

有人可以帮我用JavaFX制作一个倒计时器吗？我需要从标签中获取时间（时间由滑块设置），并且我想查看每秒剩余的分钟和秒数......

java javafx timer countdown countdowntimer

回答 1 投票 0

严格模式下 React 自定义 useCountDown 钩子中的奇怪错误

我编写了一个自定义的 React useCountDown 钩子来倒数一个数字（秒）直到零。计数由附加在按钮 onClick 侦听器中的 start() 方法触发。没有也能很好地工作我编写了一个自定义的 React useCountDown 钩子来倒数一个数字（秒）直到零。计数由按钮 start() 侦听器中附加的 onClick 方法触发。没有<React.StrictMode>也能正常工作，但在严格模式下就不行了。 import { useCallback, useEffect, useState } from "react"; export default function useCountDown(countdownSeconds = 10) { const [timing, setTiming] = useState(false); const [seconds, setSeconds] = useState(countdownSeconds); const reset = useCallback(() => { setTiming(true); setSeconds(countdownSeconds); }, [countdownSeconds]); const start = useCallback(() => setTiming(true), []); useEffect(() => { let timer: number | undefined; function countdown() { setSeconds((preSecond) => { if (preSecond <= 1) { setTiming(false); return countdownSeconds; } else { timer = setTimeout(countdown, 1000); return preSecond - 1; } }); } if (timing) { timer = setTimeout(countdown, 1000); } return () => { clearTimeout(timer); }; }, [timing, countdownSeconds]); return { start, seconds, timing, reset, }; } 严格模式下，计数快速减零，不间隔（1s）且永不停止计数。但是，当我删除 <React.StrictMode> 时，它运行得很好。我发现countdown()执行了太多次，没有间隔。代码有什么问题吗？我该如何解决这个问题？代码沙盒我知道另一种方法将在严格模式下工作，如下所示。但我试图找出上述方法出了什么问题。 useEffect(() => { let timer: NodeJS.Timeout if (timing) { timer = setTimeout(() => { if (seconds > 0) { setSeconds(seconds - 1) } else { onCountdownEndRef.current?.() setSeconds(countdownSeconds) setTiming(false) } }, 1000) } return () => clearTimeout(timer) }, [seconds, timing, countdownSeconds]) ======编辑===== 即使我将 setTiming(false) 从更新程序功能中移出，它也不起作用。 useEffect(() => { seconds === 0 && setTiming(false); }, [seconds]); useEffect(() => { let timer: number | undefined; function countdown() { setSeconds((preSecond) => { if (preSecond <= 1) { return countdownSeconds; } else { timer = setTimeout(countdown, 1000); return preSecond - 1; } }); } if (timing) { timer = setTimeout(countdown, 1000); } return () => { clearTimeout(timer); }; }, [timing, countdownSeconds]); 使用refs不是更方便吗？ export default function useCountDown(countdownSeconds = 10) { const seconds = useRef(countdownSeconds); const interval = useRef(); const [, update] = useReducer((x) => !x, 0); const reset = useCallback(() => { seconds.current = countdownSeconds; update(); }, [countdownSeconds]); const start = useCallback(() => { interval.current = setInterval(() => { if (seconds.current < 1) { clearInterval(interval.current); return; } seconds.current -= 1; update(); }, 1000); }, []); return { start, seconds: seconds.current, reset }; }

reactjs react-hooks countdown

回答 1 投票 0

如何制作一个递归地倒数到 0 的 prolog 谓词。(swi-pl)

给定一个数字 Num，谓词应从 Num 倒数到 0，不包括 Num。尝试递归地执行此操作，但只收到一个答案作为输出，而不是整个倒计时。尝试子...

recursion prolog countdown predicate swi-prolog

回答 1 投票 0

当输入更改时，意外的 React 倒计时组件重新渲染

我使用react-countdown包创建了一个自定义倒计时组件。一般来说，它工作得很好。但是，当我在页面中的文本输入中键入内容时，它会以某种方式再次呈现并重置为其 i...

reactjs countdown

回答 2 投票 0

有没有办法在倒计时结束时在屏幕上显示文字？

有没有办法在倒计时结束时在屏幕上放置一些文字或蛋糕？这是我的生日倒计时，我真的希望它在我的生日结束时显示一些文字和/或蛋糕，但我...