关于typescript的定时器setInterval()坑

最新推荐文章于 2024-01-22 17:49:15 发布
最新推荐文章于 2024-01-22 17:49:15 发布
阅读量2.7w 收藏 22
点赞数 16
文章标签： typescript setInterval
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ollin2012/article/details/88963553
版权

最近帮公司的APP前端做RN，要求是用typescript，然后就掉进坑里了，别的不说，先说说setInterval()这个定时器函数，因为typescript是强类型语言，定义setInterval()必须定义其返回值，但是你无论用百度或者谷歌搜中文也好英文也罢，都告诉你setInterval()的返回值类型是number，但是真的是这样么？让我们看看

如果你将setInterval()定义成number型，会告诉你不能将类型“Timeout”分配给类型“number”，但是如果定义成所谓的“Timeout”型，也就是“NodeJS.Timeout”型初期化又成了问题，在我急得抓耳挠腮的时候，无意中搜到这篇文章

https://blog.kubosho.com/entry/setinterval-trap-on-typescript/

我用多年看小电影学来的日语看懂了这篇文章

大概的意思是定时器要这么定义：

public timer: NodeJS.Timer | null = null;

但是不能完全照搬因为这么定义的话

clearInterval(timer)时参数类型会出问题，所以要将参数强制转换成number型

也就是clearInterval(Number(timer))。

ollin2012
关注
vue3+ts不能将类型“Timeout”分配给类型“null”不能将类型“Timeout”分配给类型number
weixin_42097259的博客
09-27 381
根据报错的意思，大致知道setTimeout返回为Timeout，所以只需要将类型定义正确即可，最终将类型改为：NodeJS.Timeout | null ，如图。不能将类型“Timeout”分配给类型“number”。() 函数时，一般是需要进行清除计时器操作的；
VUE3+typescript项目之setInterval的坑
weixin_36991257的博客
04-25 4022
## VUE3+typescript项目之setInterval的坑 在做VUE3+typescrpt 项目中，使用setInteval 时的返回值报错问题。 setInterval 的返回值需要定义一个变量来接收，因为typescript是强类型语言。如果直接定义接收类型是number 会报错。 const state = reactive<{ countDown: NodeJS.Timer | null; [key: string]: any; ..
typeScript倒计时5分钟
09-13
使用cocoscreator做了一个简单的五分钟倒计时，使用TypeScript
typescript setInterval()函数数据类型NodeJS.Timeout
热门推荐
黄彪博客
05-19 1万+
文章目录文章参考问题描述解决办法 文章参考 在Ionic 2中使用NodeJS.Timer时找不到命名空间NodeJS 问题描述 在typescript中想使用一个定时器，记录考试的时间，在离开页面的时候需要把定时器关闭掉，防止内存溢出 但是不知道setInterval()返回函数的类型，使用Vscode 的提示信息，返回的是 NodeJS.Timeout,但是编译器还是提示报错 解决办法 定义对象数据类型是 NodeJS.Timeout import { Component, OnInit }
TypeScript下使用定时器setInterval的问题
qq_43501318的博客
03-17 5101
最近在写代码的时候有一个功能需要使用验证码，点击获取验证码后需要显示倒计时60s，这里用到了计时器setInterval，由于我的script是用typescript写的，所以setInterval需要定义返回值。否则页面会报如下的错误 要解决这个问题，需要在前面给clock赋值 一开始我写的是 private clock : number = 0 仍然报错 经过一顿google以后发现，setInterval需要设置成NodeJS.Timeout 定时器的定义需要用以下形式 private cloc
TypeScript中的定时器
Rain022111的博客
05-17 3604
在ts中使用和时,如果把特们的返回值定义成number类型,那么ts会警告你不能将类型“Timeout”分配给类型“number” 或 你不能将类型“Timer”分配给类型“number”
TypeScript中定时器的运用
m0_62570630的博客
02-22 5312
自己在写typescript时碰到的一点疑惑
JavaScript定时器与清除定时器
weixin_69761220的博客
07-06 3597
定时器，清除定时器
在 Typescript 中使用可被复用的 Vue Mixin功能
12-03
在 `mounted` 生命周期钩子中，`TimerPage` 创建了一个定时器并将其注册为可释放的资源，当组件销毁时，定时器会被自动清理。 通过这种方式，我们可以在 TypeScript 中创建和使用具有类型安全的 Vue Mixin，同时...
TypeScript项目 返回顶部 --匀减速到匀加速
xiao980522的博客
12-10 416
index.tsx import { Component, createRef } from "react"; import { connect } from 'react-redux'; import "./index.less" interface Props { } interface State { } class Top extends Component<Props, State>{ nbackToTop = createRef<HTMLInputElemen
pause:使用 Typescript 构建的休息计时器 Chrome 应用程序！
06-12
暂停 使用 Typescript 构建的简单工作/休息计时器 Chrome 应用程序。 此应用程序的计划功能如下： 我可以启动倒数计时器并在时间到时收到通知。 （完毕） 我可以随时休息。 这个休息时间可以是我指定的休息时间，也可以是 5 或 10 分钟的休息时间。 （完毕） 当我被告知我的工作时间到了时，我可以选择休息、推迟休息或跳过休息。 （完毕） 我可以更改我的工作专注时间和休息时间。 （完毕。） 将资产更改为我自己的资产。 （完毕。） 创建中断窗口功能。 如果中断发生，则设置一个始终在顶部的中断窗口。 中断窗口可以选择跳过休息时间、5 分钟或 10 分钟。（完成。） 暂停计时器一定的时间。 （完毕。） 转换为使用 Materialize CSS 库以避免奇怪的许可问题。 （完毕。） 清理和重构代码以供发布。 （进行中。） 将所有定时器业务逻辑代码移到定时器类中。
vue 实现setInterval 创建和销毁实例
10-15
这两个API分别用于实现定时器功能，`setInterval`用于周期性执行，`setTimeout`用于延时执行一次。但当在Vue组件中使用这些定时器时，如果不正确管理它们，就可能会引起内存泄漏或者性能问题。 首先，我们来谈谈`...
angular定时器
cf8833的博客
03-28 1111
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'untitled2906'; select= 0;//页面对应抽奖下标 timer:any; ngO
为 setInterval 添加TS类型
最新发布
qq_45947853的博客
01-22 1462
添加就是为了告诉 TypeScript 在 node 类型定义中查找 NodeJS 命名空间。命名空间，但是没有找到。这可能是因为你的项目没有安装。所以需要使用联合类型。在 TypeScript 中，对象，而在浏览器环境中，，或者没有正确地引入它。
settimeout需要清除吗_关于JavaScript/TypeScript中的setTimeout和setInterval
weixin_39902472的博客
12-05 1632
setTimeout、setInterval函数在JavaScript和TypeScript中又被经常称作高级定时器函数。通常可以这样使用:定时器函数，顾名思义，经过一段时间的延迟（即为参数interval的值）后，指定的函数会被调用。而两个函数的主要区别在：setTimeout函数只会执行一次，而setInterval函数会反复执行。听起来很不错，通过这两个函数可以实现很多有趣并且有用的东西（其...
JavaScript 和 TypeScript 中的灵活定时任务调度器
chenmuchen_的博客
01-04 483
让我们一起期待Croner在未来的发展中带来更多的惊喜和创新！对于开发人员来说，Croner不仅提供了丰富的功能和灵活的配置选项，还具备了良好的跨平台适用性和对TypeScript的支持。支持Vixie-cron模式和附加功能：Croner采用了Vixie-cron模式，并提供了一些附加功能，比如使用"L"表示该月的最后一天和工作日，使用"#"表示该月的第n个工作日。异步函数和任务管理：Croner不仅支持同步函数的调度，还能够处理异步函数的执行，并提供了任务后的暂停、恢复或停止执行的管理功能。
【JavaScript 教程】异步操作——定时器
油墨香^-^的博客
06-08 1211
作者 | 阮一峰 JavaScript 提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。 setTimeout() setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。 var timerId = setTimeout(func|code, delay); 上面代码中，setTimeout函数接受两个参数，
typescript 定时器的定义和Nodejs 未定义的解决方法
weixin_40461134的博客
08-04 2391
参考网上的解决方法 可以设置 type interValueProps = NodeJS.Timer | null let Timer:interValueProps = setInterval(.... 但写上去报了 eslint 错误 ‘NodeJS’ 未定义 ‘NodeJS’ is not defined.eslint 查了一下 有两种方法 1. @typescript-eslint/parser@4导致这个问题。（相关提交：4d7265a） 将其降级到 v3@typescript-eslint/
ts 定义setinterval timer
05-01
setInterval 是 JavaScript 中定义定时器的一种方法，也是最常用的一种。它可以循环执行一个函数，可以设置函数执行的时间间隔，也可以实现一些简单的动画效果等。 在 TypeScript 中定义 setInterval，首先需要使用 window 对象来引用 setInterval 方法，然后需要定义一个函数作为 setInterval 的参数，指定该函数在每次循环执行时需要执行的操作。 例如，可以定义一个名为 myFunction 的函数，并将它作为参数传递给 setInterval 方法，同时指定时间间隔为 1000 毫秒： ```typescript function myFunction() { // 在这里执行需要的操作 } setInterval(myFunction, 1000); ``` 接着，可以使用一个变量来存储 setInterval 的返回值，这个值是一个数字，表示定时器的 ID，可以用来取消定时器： ```typescript const timerId = setInterval(myFunction, 1000); ``` 最后，在不需要定时器时，可以使用 clearInterval 方法来取消定时器： ```typescript clearInterval(timerId); ``` 以上就是 TypeScript 中定义 setInterval 定时器的基本方法。需要注意的是，在 TypeScript 中，需要给变量和函数指定类型信息，这样可以提高代码的可读性和可维护性。
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值