使用 clearInterval 计数器，单击按钮后不重新启动

[英]Counter with clearInterval, not restarting after button click

有一个单词翻译卡页面，其中包括： 页面加载后以及您在按下“更正”按钮后移至新单词时立即运行的 3 秒倒计时。 按下“优秀”按钮后出现的单词和他的翻译。 此按钮停止并隐藏计数器。 如果 3 秒内未按下“优秀”按钮，则会出现“显示答案”按钮。 如果按下“优秀”或“显示答案”按钮，则会出现“错误”和“正确 ...

'mouseleave' 上的 clearInterval

[英]clearInterval on 'mouseleave'

我正在使用 Javascript 在我的 html 中创建一个可视计数器。起初计数器为“0”。 在 mouseenter 上它开始计数到 10（每秒加 +1），在 moueseleave 上它应该再次重置为 0 并停止计数，但是，当我将 cursor 移开时它只会很快重置为 0，然后继续计数到 1 ...

clearInterval 不清除设置的间隔 onMouseUp

[英]clearInterval not clearing the set interval onMouseUp

尝试在 MouseDown 上创建一个按钮事件，function 应该在设定的时间结束时运行。 function运行onMouseDown并清除onMouseUp的interval，但是释放按钮后interval仍然运行。 这是目前的代码。 我有全局间隔并将其设置在种植 function 中。它 ...

setInterval function 每天，但将一个随机的 integer 传递给另一个 function。这样 function 每天随机触发一次

[英]setInterval function every day, but pass a random integer to another function. So that function fires once every day at a random time

我觉得我很接近这个。 我想每 24 小时在一个随机点触发 function（出于测试目的，我只是尝试每 10 秒更新一次）。 这是我的 javascript： let now = new Date(); let rndInt = Math.floor(Math.random() * 1000 * ...

如何在 UseEffect 之外清除间隔？

[英]How to ClearInterval outside of UseEffect?

看到几个类似的问题，但找不到答案。 当页面加载时，我想开始运行这两个函数（http 请求）。 但是，当出现错误时，我希望能够 ClearInterval。 但是，鉴于这 2 个 setIntervals 是在 useEffect 中调用和声明的，我无法在外部清除它。 这似乎是一个 scope 问题 ...

clearInterval() function 在 JavaScript 中不起作用

[英]clearInterval() function is not working in JavaScript

我尝试添加一个简单的随机数生成器，最多 10 个。当代码被执行时，它的工作正常并生成随机数。 after that i added a condition that when function generate 5 random number function should stop workin ...

为什么 clearInterval 和 clearTimeout 会使自增变慢？

[英]Why does clearInterval and clearTimeout make the self-increment slower?

它运行良好，因为当通过迭代达到特定限制时我能够停止。 但是我想知道为什么当我试图延迟 setInterval 的执行时间时，progressBar 的增量变得更慢了。 增加 setInterval 或 setTimeout 的延迟时间会影响速度变慢。 我想要的是将执行延迟 5 秒，增量速度为每秒 ...

clearInterval 不删除 setInterval function

[英]clearInterval not removing the setInterval function

我正在尝试创建一个 setInterval function 来检查单击事件后是否存在元素。 setInterval 工作正常，但使用 clearInterval 时我无法清除它。 所以我想要实现的是，一旦元素存在，它应该停止运行 setInterval function。 但是，一旦元素加载到 ...

如何更新每次迭代的源数据

[英]How to update source data for each iteration

我有一个对象数组如下 const cat = ['Admin', 'Tax', 'Depriciation', 'Amortization', 'Fee', 'Interest']; //build the src data structure; const src = cat.map((d, i) ...

clearInterval 似乎不起作用

[英]clearInterval does not seem to be working

我正在尝试制作一个简单的 javascript 计数器。 基本上，我通过输入从用户那里得到一个 integer 值，我想从该值递减计数到 0。 所以我编码了这个： let inputCounter = document.querySelector("#input-counter"); let st ...

SetInterval 永远保持运行并且不会停止

[英]SetInterval Keeps Running forever and doesnt stop

我已经被这个问题困住了很长一段时间。 我正在制作一个矩阵风格的主题博客，当我的商店中的 displayMatrix 雨 state 变为 true 时，在后台显示矩阵雨效果，当 displayMatrix 变为 false 时停止显示矩阵雨效果。 我需要使用 setInterval 来绘制矩阵雨效果 ...

使用 setInterval 发生闪烁

[英]Flickering occurs by using setInterval

下面是我的代码，一开始显示正常，但是，只要淡出go的次数到差不多20次，就会出现强烈的闪烁，谁能告诉它哪里出错以及如何解决？ 谢谢。 function change() { let abc = document.getElementById("myDIV"); abc.className = "m ...

通过使用加载状态在反应中清除 setInterval

[英]clearing an setInterval in react by using a loading state

我在这里用一个简单的计时器苦苦挣扎......我试图在查询运行时进行计数，然后在查询完成后让它停止。 这就是我目前的设置方式，但是一旦查询完成运行，即使!loading计数器也会继续运行 const [loading, setLoading] = useState(null) const ...

设置间隔只运行一次功能，清除间隔不起作用（使用反应和redux）

[英]Set Interval only running function once and clear interval is not working (Using react and redux)

我试图连续运行一个函数，直到满足条件，但在这个测试用例中，直到按下关闭按钮。 我的第一个问题是当我按下关闭按钮时该功能不会停止。 let intervalId function on(){ intervalId = window.setInterval(function(){ set ...

在 Useeffect 中使用 clearInterval() 无效。 setInterval() 中的 function 不断被调用

[英]Using clearInterval() inside Useeffect is not working. The function in setInterval() keeps getting called

预期结果：我从 API 获取脚本的状态，然后检查状态是什么。 如果状态 = 'XYZ'，我需要再次调用 getStatus function（使用 setInterval），否则我只需要返回/什么都不做。 问题：主要问题是 clearInterval() 不工作并且 getStatus() func ...

计时器不会以 clearInterval 停止

[英]The timer does not stop with clearInterval

我正在尝试构建一个简单的启动和停止计时器功能，但是当我再次单击该功能时，clearInterval 似乎没有任何效果。 事实上，计时器并没有停止。 但是我可以启动它，但我无法关闭它。 ...

Vanilla JS轮播下一个/上一个按钮杀死鼠标悬停事件暂停

[英]Vanilla JS carousel next/prev button killing mouseover event pause

我构建了一个响应迅速的小型延迟加载轮播，鼠标悬停时会暂停。 我遇到的问题是在按下“上一个”或“下一个”按钮后发生的。 一旦按下鼠标悬停暂停事件停止工作。 这是执行顺序问题还是我应该将事件侦听器放置在 carousel() 内的某个位置？ 更新 JSFiddle 示例 ...

使用重置按钮重置 setInterval

[英]Resetting a setInterval with a Reset button

如您所见，我整理了一些代码，这些代码使用按钮调用 setInterval 调用，然后使用另一个按钮调用 clearInterval 调用。 我正在努力的是将一个“重置”按钮放在一起。 我写了一些代码，我已经删除了将演示“重置”回0的代码； 但是，当重置后再次按下“开始”按钮时，它会从我上次停止计数 ...

如何使用 React Native 正确清除间隔

[英]How to clearInterval correctly using React Native

在 RN 中，我有一个使用 setInterval 的倒数计时器，从 10 到 0。一旦满足时间 === 0 或小于 1 的条件，我希望间隔停止。 倒计时工作但不断重复，clearInterval 不起作用。 我究竟做错了什么？ ...

clearInterval() 仅在 setInterval() 中的时间恒定时才有效

[英]clearInterval() only works when time in setInterval() is constant

这个功能 工作正常，只要 setInterval() 的第二个参数不改变（例如speed*3 ，但如果我取消注释if(speed >= 25) speed = 500 - score*15;只有当我输了它才会起作用在前 3 个间隔内（直到得分达到 3），但如果我继续玩后来输了（那是eggB ...