setinterval相关内容

如果可能的话,我真的不应该使用 setInterval &设置超时?

我正在学习用 JavaScript 编写代码.我正在用一些定时鼠标动画来编程.我正要添加一些绘制鼠标路径的代码. 这将是一个采用 mousemove 事件的东西,每次鼠标移动时,都会在 Canvas 上绘制一条新的线路径.随着时间的推移,这条路径将变得更加透明,直到它消失.当然,新路径总是不透明的,所以会有持续的运动. 我想出了一种方法,只需使用 requestanimationfra ..

浏览器是否会跟踪活动的计时器 ID?

浏览器是否跟踪活动的 setInterval 和 setTimeout ID?或者这完全取决于开发人员来跟踪? 如果它确实跟踪它们,是否可以通过 BOM 访问? 解决方案 开发人员需要跟踪.您可以通过使用 setTimeout/setInterval 函数的返回值并将该值传递给 clearTimeout/clearInterval 函数来实现 - 如此处的其他答案所述. 这似乎 ..
发布时间:2021-07-23 19:21:35 前端开发

node.js:setInterval() 跳过调用

对于即将到来的 node.js 项目,我需要定期执行各种内务管理任务.具体来说,有些任务每毫秒执行一次,有些每 20 毫秒执行一次(每秒 50 次),还有一些每秒执行一次.所以我考虑使用 setInterval(),结果很有趣:很多函数调用都被跳过了. 我使用的基准如下: var counter = 0;var 秒 = 0;var 短 = 1;设置间隔(函数(){计数器++;}, 短的); ..
发布时间:2021-07-23 19:21:33 前端开发

如何在用户单击时触发 setInterval 函数?

我正在尝试编写一个 JS 计时器,该计时器将由用户单击 id="start" 的按钮触发. 我已经让计时器本身正常工作,但是当我尝试添加代码以在按钮单击 (id="start") 上启动计时器时,我打破了它,但不知道为什么. 任何帮助将不胜感激! 这里是JS代码: $(document).ready(function(){无功计数 = 0;$('#start').click( ..
发布时间:2021-07-23 19:21:30 前端开发

PHP 代码只在 javascript setInterval 中运行一次

我只是在 JC 课程中学习 PHP 和 Javascript.我有以下学校项目.下面的 setInterval() 每 3 秒运行一次,但是嵌入的 PHP 代码只运行第一次. 即newVal 第一次更新,但在接下来的迭代中不会改变它的值.该脚本永远不会通过 telnet 回到服务器以查找值是否已更改. setInterval(function () {var newVal, mem; ..
发布时间:2021-07-23 19:21:27 PHP

JavaScript 倒数计时器,按下按键可重置计时器

我想弄清楚当我按下一个键时它是如何从 30 倒数到 0 的,如果我再次按下那个键,它会做同样的事情,从 30 到 0(重置). 有什么办法可以用 JavaScript 来完成,并且在 HTML 中只显示从 30 到 0 的数字而没有其他文本? 我尝试过使用其他示例,但是我认为我必须将脚本放在错误的位置.有人能给我一个不仅是 JS 的例子,还有 HTML 标记应该是什么样子的例子吗?将不 ..
发布时间:2021-07-23 19:21:24 前端开发

打字稿:私人成员突然未定义

所以,我有一个基本的 Typescript 应用程序,它实际上不应该导致任何重大问题,但似乎这里出了点问题,我不知道是什么. 我的 GameContainer 类中有这个私有成员 minUpdateRate,它在构造函数中初始化.这看起来很顺利,因为当 GameContainer.start() 被调用时,console.log() 方法会打印出 1. 但是调用GameContaine ..
发布时间:2021-07-23 19:21:21 前端开发

再次 setTimeout 与 setInterval

所以我知道 setTimeout 和 setInterval 之间存在差异,但请考虑以下两个代码示例: function myFunction(){setTimeout('myFunction();', 100);做点什么();}setTimeout('myFunction();', 100); 和 function myFunction(){做点什么();}setInterval('myF ..
发布时间:2021-07-23 19:21:17 前端开发

JavaScript 是否用完了超时 ID?

令人惊讶的是,我在网络上的任何地方都找不到这个问题的答案. 在文档中说明setTimeout 和 setInterval 共享相同的 id 池,并且 id 将永远重复.如果是这种情况,那么它们最终必须用完,因为 有一个最大数量计算机可以处理?那么会发生什么,你不能再使用超时了吗? 解决方案 TL;DR; 这取决于浏览器的引擎. 在 Blink 和 Webkit 中: ..
发布时间:2021-07-23 19:21:14 前端开发

nodejs中的setInterval奇怪行为

我想每秒运行一次函数,函数本身需要 3 秒才能执行.结果是每个间隔在*2+ 我编写了以下示例代码: var seconds = 3;设置间隔(功能(){console.info(new Date().toString());var waitTill = new Date(new Date().getTime() + seconds * 1000);while(waitTill > new ..
发布时间:2021-07-23 19:21:11 前端开发

setInterval 函数中的变量增量器

我的函数有很多问题,我对变量作用域感到困惑.我尝试使用回调函数,但无法获取. 我有一个使用 css 为背景设置动画的功能.当我在 setInterval 运行时第二次单击时,我需要该函数不会将 incrementer 变量重新启动为 0.看到当你在html的time1或time2点击两次a时,counter的顺序不持有顺序. function movie(elm,jumpPx,sprite ..
发布时间:2021-07-16 21:38:46 前端开发

实例化一个类,然后将其传递给 setInterval

我有一个疯狂的问题.我正在从一个类中实例化一个对象.然后我想从这个对象传递一个函数给 setInterval 函数.整个代码块通过 keyDown 事件执行.代码如下: 函数 doKeyDown(e){var instance = new Class(e.keyCode);setInterval(instance.functionToBeExecuded(), 200);} 奇怪的是,它被执 ..
发布时间:2021-07-16 21:38:17 前端开发

setInterval,这个,又

我有一个关于 setInterval 的问题,我无法弄清楚. 从对象内部调用 setInterval 或 timeout 时范围存在问题,但我仍然无法理解它. 我试图把我的东西放在一个匿名函数中,它不起作用. 这基本上是我的问题,简化为基本问题: function Scenario(){var 船舶 = [];this.ini = 函数(){for (var i = 0; i ..
发布时间:2021-07-16 21:29:36 前端开发

如何使用 css3 旋转和 setinterval 旋转图像?

我想使用 css3 旋转和 javascript setinterval 旋转图像.图像应在鼠标悬停时旋转.有人知道怎么做吗? 解决方案 你甚至不需要 JavaScript 就可以做到;只需在元素上为 transform 放置一个过渡,并在悬停时应用旋转.例如: div {背景颜色:红色;高度:100px;-webkit-transition: -webkit-transform 0.5 ..
发布时间:2021-07-10 19:39:44 前端开发

当使用 setInterval 时,React 渲染而不实际更改状态

我将分两步介绍我的问题,两者的代码块略有不同. 第 1 步: 下面我们有一个 React 应用程序,它每两秒渲染一次,因此导致浏览器将 render 打印到控制台.如果用户按任意键,渲染将停止,从而停止控制台打印.请暂时忽略注释掉的行. import { useState, useEffect, useRef } from 'react';功能应用(){const [number, ..
发布时间:2021-07-07 19:17:32 其他开发

当我的 React 应用程序中的路由更改时,我 clearInterval() 和应用程序中断

我正在使用 React-router-dom 开发 React 应用. 我有一个菜单,里面有一些 react-router-dom 的 ,每个菜单都带我去不同的路线. 在我的主要路线 path="/" 中,我有一个 chartComponent 和一个随随机数据不断变化的图表,如下所示:this.chartChangeId = setInterval(()=> th ..
发布时间:2021-07-05 18:30:53 前端开发

React Hooks,useEffect 中的 setTimeout 直到结束才触发,因为状态更新

上下文: 添加新消息(例如每两秒,使用 setInterval). 消息有状态,可以是旧的也可以是新的.新添加的消息带有“新"标志. 每 5 秒后,所有“新"消息都会被指定为“旧"消息.(setTimeout) 问题: 直到结束才会触发超时.添加了新消息,但在添加所有消息之前,它们将保持“新"状态. 我怀疑每次更新后超时都会被重置/清除,并且因为更新发生得比超时快,所以超时 ..
发布时间:2021-07-03 19:36:31 前端开发

setInterval + React 钩子导致组件内的多次更新

我正在构建一个秒表 UI,以秒为单位显示时间.单击按钮,计时器将开始向上计数,并在再次单击时停止.用户应该能够再次启动它. 我遇到的问题是我可以让 setInterval 正常工作,但是一旦我包含了 setTime 钩子,组件就会更新以在 UI 中呈现时间,但是setInterval 实例被多次调用.这会导致奇怪的渲染行为. const Timer = () =>{const [时间,设置 ..
发布时间:2021-07-03 19:33:01 前端开发

SetInterval 未显示更新状态

在调用 setInterval 函数之前,我已将状态设置为 true.但是即使 useEffect 钩子是用状态的新值触发的,它也没有反映在 setInterval 函数中. 代码沙箱在这里:https://jsfiddle.net/6e05tc2L/3/ let 间隔;const 组件 = () =>{React.useEffect(() => {console.log('状态更新为', ..
发布时间:2021-07-03 19:28:12 前端开发