js定时器叠加处理方案

setInterval(function(),1000);设置一个定时器给定时器一个变量名字,如: var timer=setInterval(function(),1000);

执行某个事件可能多次触发这个定时器,可以在之前事件之前清空改定时器,比如点击事件,对象.onclick=function(){

clearInterval(timer);

timer=setinterval(function(),1000)

}

,这样就简单解决了定时器叠加的问题,当然第一次还没有定时器的情况下,执行会提示报错,找不到timer变量,可以在执行之前声明一个timer的变量.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端真相

css(1)

1 z-index就是网页的z轴,用相对定位绝对定位把两个层重叠在一起,z-index的值越大,就越靠上,注意,z-index没有单位,z-index:99;这...

2889
来自专栏代码世界

前端之HTML内容

一、HTML介绍 1、Web服务本质   当我们在浏览器中输入一个url后打开一个页面这个过程实质是一个网络编程中的sockt服务端接受指令并发送指令的一个过程...

3189
来自专栏老马寒门IT

04-Vue入门系列之Vue事件处理

4.1. 监听事件的Vue处理 Vue提供了协助我们为标签绑定时间的方法,当然我们可以直接用dom原生的方式去绑定事件。Vue提供的指令进行绑定也是非常方便,而...

2245
来自专栏Google Dart

AngularDart Material Design 步进器 顶

(adsbygoogle = window.adsbygoogle || []).push({}); fun...

1712
来自专栏Java后端技术

CSS应用给网页元素的几种方式总结

  直接在HTML标签中使用style进行定义样式。如:<p style="color:red;">这里是红色文字</p>.

621
来自专栏葡萄城控件技术团队

你不可不知的HTML优化技巧

如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置,文件压缩或是调整CSS。 很显然HTML 已经达到了一个瓶颈...

2406
来自专栏从零开始学 Web 前端

从零开始学 Web 之 BOM(一)BOM的概念,一些BOM对象

window 是浏览器的顶级对象,当调用 window 下的属性和方法时,可以省略 window。

1183
来自专栏JavaEE

jQuery进阶前言

在《jQuery入门》一文中,记录了jQuery选择器、属性与样式和DOM操作等内容,本文将对jQuery的事件以及Ajax相关知识点进行讲解。接下来就一起来学...

1742
来自专栏积累沉淀

JavaScript事件

JavaScript事件 对于事件来讲,首先,我们需要了解这样几个概念:事件;事件处理程序;事件类型;事件流;事件冒泡;事件捕获;事件对象;事件模拟,事件方面的...

2566
来自专栏偏前端工程师的驿站

JS魔法堂:LINK元素深入详解

一、前言                               我们一般使用方式为 <link type="text/css" rel="styleshe...

23810

扫码关注云+社区

领取腾讯云代金券