clearInterval(timer)和timer = null的区别

最新推荐文章于 2024-05-31 14:59:27 发布
最新推荐文章于 2024-05-31 14:59:27 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ych2687033794/article/details/106896160
版权

clearInterval(timer)和timer = null都可以达到关闭关闭定时器的作用

但是timer=null后，timer变量会被当做垃圾被系统回收，无法再次启动原来的timer；再次使用需要重新定义一个新变量var timer=setInterval(...）

ych2687033794
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
AS3Timer:Javascript 中的 AS3 式计时器
06-20
一种常见的实现方式是使用`setTimeout`和`clearTimeout`函数，或者使用`setInterval`和`clearInterval`。为了实现AS3Timer，我们可以创建一个类，包含类似于AS3 Timer的属性和方法。 下面是一个简单的AS3Timer实现...
timer-com-css-html-e-js:创建一个计时器来练习 html css 和 javascript
05-29
在本项目"timer-com-css-html-e-js"中，我们将探讨如何使用HTML、CSS和JavaScript创建一个计时器，这是初学者提升技能并实践网页动态功能的常见练习。这个项目主要聚焦于JavaScript，一种广泛用于网页交互和动态效果...
setInterval 和setTimeout 清空定时器，返回值,赋值为null的区别
03-29 5439
说到定时器，很多人都不陌生，觉得这个有什么说的，很简单的了，其实你真正的理解了它了吗？ 定时器的返回值是什么？clearInterval和 null有什么区别，可能有些干了几年的都不知道，下面我以setInterval为例来依次说下： 1.定时器的返回值 定时器是有返回值得，返回值代表着是第几个定时器，类型是number类型，也可以用来取消定时器，它是定时器的唯一标识符。 var num = 1...
timer=null和clearInterval(timer) 不得不说的区别
qq_39039128的博客
04-23 2923
typeof timer === 'number' => true clearInterval(timer) 将定时器暂停，但是timer变量本身仍然存在.。达到保留对象的目的，以便再次使用 var timer=setInterval(function(){},1000); $("div") .mouseenter(function(){ //鼠标放上去关闭，离开再次启动 ...
五月踩坑指南之clearInterval()定时器不起效果
最新发布
ll_883963的博客
05-31 664
所以当一个定时器可能会被多次调用的时候，只清理一次肯定会出现没有清理完全的情况，这时候就会出现“clearInterval不起作用的情况。在其他地方看到，实验了并未生效，但其他人实现了，可以一试，如果生效比第一种简洁。第二个函数的定时器覆盖了第一个，所以第一个定时器永远也没有办法移除了。此时，我们会发现页面仍有定时器内的方法在调用，这是为什么呢？
判断dom在可视区
weixin_43057892的博客
05-08 575
let width = $(window).width(); let $dom = $('.box'); let judgePosition = (target) => { return (target.offset().left <= width) && (target.offset().left + target.width() >=...
Js遇到的一点小问题——timer=null
pp599620的博客
10-27 272
自己的一些小疑问
JS 清除定时器timer的两种方法
qq_63299825的博客
05-25 4978
只是将定时器关闭,这里的clearTimeout只是将定时器关闭，然后下面会重新开启定时器,但timer变量本身还存在，也就是当判断 if(timer) 时为真。timer会被系统的垃圾回收机制回收， 无法再重新启动定时器，就是当判断 if(timer) 为假。所以当我们清除定时器时，可以先判断是否需要通过判断 if(timer) 来决定用哪个方法清除定时器。代码示例,防抖函数的应用。代码示例:节流函数的应用。
timer-purejs:一个简单的计时器，由HTML，CSS和Javascript构成，没有框架或预处理器，具有启动，暂停和重新启动功能，并且不使用Javascript的Data对象
05-03
在这个例子中，我们将使用JavaScript的`setInterval`和`clearInterval`函数来处理计时器的运行和停止。计时器的当前时间将在一个变量中存储，每次更新时都会将这个值转换为HH:MM:SS格式，并显示在页面上。 ```...
给c#添加SetTimeout和SetInterval函数
09-06
总结来说，虽然C#标准库中没有内置`setTimeout`和`setInterval`，但我们可以通过`System.Timers.Timer`模拟这些功能。在实际开发中，我们需要根据应用的具体需求和环境，如UI线程同步、定时器管理等方面进行适当的...
浅谈vue 组件中的setInterval方法和window的不同
11-19
在Vue组件中，使用`setInterval`方法时需要注意与全局`window`对象上的`setInterval`的区别。Vue组件实例中，`this`关键字通常指向组件自身，因此在组件内部调用`setInterval`时，实际上可能是在调用由Vue重写的一...
定时器setInterval()和clearInterval()的使用
weixin_45680024的博客
08-16 4233
setInterval()和clearInterval()
Vue清除定时器，延时器setIntederval，setTimeout的优化方案
那一日面朝大海的博客
09-30 3771
Vue清除定时器，延时器setIntederval，setTimeout的优化方案： 两种方案清除定时器，在开发过程中经常使用方案1，建议使用方案2， 方案1： 首先定义定时器名称： data() { return { timer: null // 定时器名称 } }, 使用定时器： this.timer = setTimeout(()
微信小程序clearInterval（清除定时器）不生效
mollerlala的博客
05-12 2945
微信小程序的定时器清除不生效？ 自己把定义的定时器变量（我的是timer）赋值为null就好了。 //定义定时器 setTimer() { let self = this; self.timer = setInterval(() => { self.doSomething(); }, 1000); }, //清除定时器 clearTimer() { clearInterval(this.timer);//如果发现这个clearInterval不生效，写
vue 组件清除定时器的问题
任磊
08-10 882
我在a页面写一个定时，让他每秒钟打印一个1，然后跳转到b页面，此时可以看到，定时器依然在执行。这样是非常消耗性能的。如下图所示： 解决方法1： 首先我在data函数里面进行定义定时器名称： data() { return { timer: null // 定时器名称 } }, 然后这样使用定时器： this.timer = (() =>
JS中setInterval()和clearInterval()的使用以及注意事项
热门推荐
YDesire的博客
07-19 7万+
setInterval()： 间隔指定的毫秒数不停地执行指定的代码，定时器 clearInterval()： 用于停止 setInterval() 方法执行的函数代码 使用方法：setInterval(code，millisec)，两个参数都是必须的，第一个参数为要调用的函数或要执行的代码串。第二个参数为周期性执行或调用 code 之间的时间间隔，以毫秒计。 clearInterval(id...
JS定时器使用、关闭
zf_csdn123的博客
08-14 1万+
JS定时器有两种，分别是setTimeout和setInterval，区别是前者是一次执行，后者是循环执行，具体什么意思呢，直接看代码。 //指定时间为6000毫秒，即6s，到达6s后，执行一次，之后不再执行。 setTimeout(function(){ alert("执行一次定时器"); },6000); //指定时间为6s，每过6s执行一次 setInterval(function(){ alert("循环执行定时器"); },6000); 要关闭定时器，首先我们要先获取到定时器，即如果页面中
clearTimeout清除掉的定时器不等于Null
APTX911的博客
10-16 2680
clearTimeout清除掉的定时器不等于null了 如果timer是一个定时器，直接将他log（打印）出来是一个数组编号，他被clearTimeout后再log也是会显示一个编号，typeof（timer）会显示他是"number",因此在立即执行防抖函数中，他可以被设置成开关 function debounce(func,wait) { let timeout; return function () { const context = this; const .
startButton.onclick = function() { if (timer == null) { timer = setInterval(function() { ms++; if (ms == 100) { ms = 0; s++; if (s == 60) { s = 0; m++; if (m == 60) { m = 0; } mElement.innerText = m < 10 ? '0' + m : m; } sElement.innerText = s < 10 ? '0' + s : s; } msElement.innerText = ms < 10 ? '0' + ms : ms; }, 10); } }; pauseButton.onclick = function() { clearInterval(timer); timer = null; }; resetButton.onclick = function() { clearInterval(timer); timer = null; ms = 0; s = 0; m = 0; msElement.innerText = '00'; sElement.innerText = '00'; mElement.innerText = '00'; };更改代码实现,初始化暂停和复位按钮失效(变灰),开始按钮触发后,暂停和复位按钮生效;复位后,暂停和复位按钮失效
05-26
可以通过设置按钮的 `disabled` 属性来实现按钮的禁用和启用。具体更改后的代码如下： ``` const startButton = document.getElementById('start'); const pauseButton = document.getElementById('pause'); const resetButton = document.getElementById('reset'); const msElement = document.getElementById('ms'); const sElement = document.getElementById('s'); const mElement = document.getElementById('m'); let ms = 0; let s = 0; let m = 0; let timer = null; startButton.onclick = function() { startButton.disabled = true; pauseButton.disabled = false; resetButton.disabled = false; if (timer == null) { timer = setInterval(function() { ms++; if (ms == 100) { ms = 0; s++; if (s == 60) { s = 0; m++; if (m == 60) { m = 0; } mElement.innerText = m < 10 ? '0' + m : m; } sElement.innerText = s < 10 ? '0' + s : s; } msElement.innerText = ms < 10 ? '0' + ms : ms; }, 10); } }; pauseButton.onclick = function() { startButton.disabled = false; pauseButton.disabled = true; resetButton.disabled = false; clearInterval(timer); timer = null; }; resetButton.onclick = function() { startButton.disabled = false; pauseButton.disabled = true; resetButton.disabled = true; clearInterval(timer); timer = null; ms = 0; s = 0; m = 0; msElement.innerText = '00'; sElement.innerText = '00'; mElement.innerText = '00'; }; ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值