首页 > 其他分享 >js实现切换页面清除定时器的函数

js实现切换页面清除定时器的函数

时间:2022-09-05 16:48:08浏览次数:96  
标签:定时器 清除 js var pageTimer 页面

背景:
我在切换页面的时候,发现切换回原来的页面,定时器会叠加而不会清除原来的定时器

解决方法:
1.定义全局变量,通过js遍历清除(不会用,但性能好)
var pageTimer = {} ; //定义计算器全局变量
//赋值模拟
pageTimer["timer1"] = setInterval(function(){},2000);
pageTimer["timer2"] = setInterval(function(){},2000);
//全部清除方法
for(var each in pageTimer){
clearInterval(pageTimer[each]);
}

2.暴力清除法: (很爽,但是不知道有没有bug,而且也影响性能)
使用说明: //设置一个较大的数值,然后全部clear
for(var i = 1; i < 1000; i++) {
clearInterval(i);
}

总结:
生命周期还是很好滴

文献参考:
https://www.cnblogs.com/daysme/p/6428439.html

标签:定时器,清除,js,var,pageTimer,页面
From: https://www.cnblogs.com/lzpDailyNotes/p/16658664.html

相关文章

  • js 日期格式化
    js日期格式化小技巧1.接收参数:-需要格式化的日期string;-format格式信息2.转换传入的日期格式并设置格式化formatconfig并赋值;3.分解format格式化所需......
  • # JS输入输出语句
    JS输入输出语句方法说明归属alert(msg)浏览器弹出警示框浏览器console.log(msg)浏览器控制台打印输出信息浏览器prompt(info)浏览器弹出输出框,用户......
  • # JS有三种书写位置
    JS有三种书写位置:行内、内嵌、外部1.行内式JS<inputtype="button"value="点我试试"onclick="alert('HelloWorld')"/>可以将单行或少量JS代码写在HTML标签的事......
  • jsp页面ie跳转谷歌
    <%@pagecontentType="text/html;charset=UTF-8"language="java"%><html><head><title>首页</title></head><body><div><ahref="" onclick='test()......
  • 浏览器输入URL发生了什么:DNS解析、TCP握手、HTTP缓存、重定向、服务器状态码、渲染引
    输入地址,浏览器查找域名的IP地址。浏览器向该IP地址的web服务器发送一个HTTP请求,在发送请求之前浏览器和服务器建立TCP的三次握手,判断是否是HTTP缓存,如果是强制......
  • 页面底部出现横向滚动条解决方法
    不知道是不是因为用了swiper页面底部出现了一个横向滚动条,影响页面美观和用户体验  解决方法:在index.html中或全局样式文件中加入,如下:    html{over......
  • JS实现异步的方法:回调函数callback、事件监听、setTimeout、Promise、生成器Generato
    所有异步任务都是在同步任务执行结束之后,从任务队列中依次取出执行。回调函数是异步操作最基本的方法,比如AJAX回调,回调函数的优点是简单、容易理解和实现,缺点是不利于代码......
  • js中null和undefined的区别
    undefind是全局对象的一个属性,当一个变量没有被赋值或者一个函数没有返回值或者某个对象不存在某个属性却去访问或者函数定义了形参但没有传递实参,这时候都是undefined。......
  • js判断变量数据类型typeof、instanceof、Object.prototype.toString.call()、 constru
    JavaScript有4种方法判断变量的类型,分别是typeof、instanceof、Object.prototype.toString.call()(对象原型链判断方法)、constructor(用于引用数据类型) typeof:常用于......
  • js数据类型
    JS数据类型分为两类:一类是基本数据类型,也叫简单数据类型,包含7种类型,分别是Number、String、Boolean、BigInt、Symbol、Null、Undefined。另一类是引用数据类型也叫复杂......