创建、清除interval定时器/interval定时器无法清除/判断定时器是否存在

创建

var int2=interval2 = setInterval(function(){if(x2.getAttribute('fill')=="green")x2.setAttribute("fill", "red")else {x2.setAttribute("fill", "green")}},500);//500ms

清除

clearInterval(int2);

判断是否存在，若存在则清除

if(int2){clearInterval(int2);}

记录一个坑，之前设置的settimeout在14s执行，但是每10s调用一次创建它的函数，导致第一个settimeout会仍然存在，因此这个也要像interval一样判断并清除，并且要设置全局变量记录，否则if(int2)检测不到。

 //定义定时器var interval1;    var interval2;    var interval3;var interval4;var interval5;var set1;var set2;var set3;var set4;var set5;//初始的五个大圆都是绿色var x1=document.getElementById("c1");var x2=document.getElementById("c2");var x3=document.getElementById("c3");var x4=document.getElementById("c4");var x5=document.getElementById("c5");x1.setAttribute("fill", "green");x2.setAttribute("fill", "green");x3.setAttribute("fill", "green");x4.setAttribute("fill", "green");x5.setAttribute("fill", "green");//打开定时器function  redgreen(bjtime,diquid) {if(diquid=="1"){//如果上一次的还未结束，即清空。if(interval1){clearInterval(interval1);}if(set1){clearTimeout(set1);}interval1 = setInterval(function(){if(x1.getAttribute('fill')=="green")x1.setAttribute("fill", "red")else {x1.setAttribute("fill", "green")}},500);set1=setTimeout(function(){//清空闪烁clearInterval(interval1);x1.setAttribute("fill", "green");clearTimeout(set1);}, bjtime);}

创建、清除interval定时器/interval定时器无法清除/判断定时器是否存在相关推荐

JS中2种定时器的使用及清除
一.什么是定时器? 定时器就是由JS提供了一些原生方法来实现延时去执行某一段代码. 二.定时器的分类 1.一次性定时器: setTimeout: 设置一个定时器,在定时器到期后执行一次函数或代码段使 ...
关于定时器的设置与清除
JS设置定时器和清除定时器一.启用定时器 window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval.其中前者可以使一段代码 ...
js 定时器的用法和清除
一.设置定时器 window对象提供了两个方法来实现定时器的效果, 分别是window.setTimeout()和window.setInterval.其中前者可以使一段代码在指定时间后运行:而后者则 ...
[react] 组件卸载前，加在DOM元素的监听事件和定时器要不要手动清除？为什么？
[react] 组件卸载前,加在DOM元素的监听事件和定时器要不要手动清除?为什么? 定时器要在 componentWillUnmount 手动清除,直接绑定在JSX里的事件监听器不用,使用ref绑定 ...
9. GD32F103C8T6 定时器2的更新中断触发定时器0开始计时
1. 初始化定时器TIM0 /*定时器的基本初始化和打开更新中断enable: 是否使能定时器 */ static void time_base_init(int enable) {/*定时器结构*/ ...
linux中的定时器检测按键,STM32单片机利用定时器实现按键采集
工程项目结构如下图所示: 其中画红色方框部分为重要函数来进行讲解 TIMx.c #include "TIMx/TIMx.h" #include "LED/LED.h&qu ...
python定时器循环_Python系列之循环定时器
近期在学习并使用Python开发一些小工具,在这里记录方便回忆,也与各位开始走上这条路的朋友共勉,如有不正确希望指正,谢谢! 开始使用定时器时,度娘了下有没好的例子,本人比较懒,希望能直接使用.确实找 ...
STM32定时器配置（TIM1-TIM8）高级定时器+普通定时器，定时计数模式下总结
文章结构: --> 一.定时器基本介绍 --> 二.普通定时器详细介绍TIM2-TIM5 --> 三.定时器代码实例一.定时器基本介绍之前有用过野火的学习板上面讲解很详细,所以 ...
android实现10ms定时器,本文实例讲述了Android定时器和Handler用法。分享给大家供大家参考。具体分析如下：一、环境：主机:WIN8开发环境:Android Studio...
本文实例讲述了Android定时器和Handler用法.分享给大家供大家参考.具体分析如下: 一.环境: 主机:WIN8 开发环境:Android Studio 二.定时器使用示例: 初始化: //定 ...
清理蓝藻的机器人_蓝藻打捞机蓝藻打捞设备蓝藻清除机绿藻打捞设备水华清除机...
详情介绍 "水面垃圾及水华清除机"是北京佳业佳境公司的又一发明专利产品,是打捞水面细小垃圾的革命性武器.它打破技术禁区,用特殊设计的动力吸头浮在水面表层,巧妙地实现了对水面表层十几 ...

创建、清除interval定时器/interval定时器无法清除/判断定时器是否存在

创建、清除interval定时器/interval定时器无法清除/判断定时器是否存在相关推荐

最新文章

热门文章