一、定义

定时器就是在一段特定的时间后执行某段程序代码。

二、定时器的使用

1.单次定时器（setTimeout）


<script>setTimeout(function a(){alert('hello');},1000;    //这里的时间的单位是毫秒。)；</script>

2.轮循定时器（setInterval）

轮循定时器是以指定的时间间隔（时间单位为毫秒）重复调用一个函数的定时器。


<script>setInterval(function(){console.log('hello');},1000    //这里的时间的单位为毫秒，以此时间为间隔重复执行函数);</script>

三、清除定时器

1.clearTimeout

clearTimeout(timeoutID) ：清除只执行一次的定时器(setTimeout函数)。
timeoutID 为调用 setTimeout 函数时所获得的返回值，使用该返回标识符作为参数，可以取消该 setTimeout 所设定的定时执行操作。


<script>var t1 = setTimeout(     function(){alert('hello');},5000;     //定时器5s后执行
);
clearTimeout(t1 , 3000);        //在定时器执行前清除定时器
</script>

2. clearInterval

clearInterval(timeoutID)：清除反复执行的定时器(setInterval函数)。
timeoutID 为调用 setInterval 函数时所获得的返回值，使用该返回标识符作为参数，可以取消该 setInterval 所设定的定时执行操作。


<script>var t1 = setInterval(function () {console.log('hello');}, 5000     //定时器5s后执行);clearInterval(t1, 3000);        //轮循定时器开始前清除定时器 </script>

四、总结

1.定时器的使用

只执行一次函数的定时器, 对应的代码是setTimeout()函数
反复执行函数的定时器, 对应的代码是setInterval()函数

2.清除定时器

清除只执行一次函数的定时器, 对应的代码是clearTimeout()函数
清除清除反复执行的定时器, 对应的代码是clearInterval()函数

JavaScript中两种定时器和清除定时器的使用相关推荐

小白编程笔记——JavaScript中两种把表单内容传递给Controller的方法
工作的时候看到有两种把页面上内容传递给Controller的方法,其中一种是传递对数据库的搜索条件,并且会根据搜索条件访问数据库,并将更新后的数据写在JqGrid表格里.另一种则是用于为数据库新增数据 ...
matlab 遍历每个像素点,Mat中两种像素遍历方法比较
小白,入门中,不足其指正.刚刚接触opencv,从一个Matlab风格的编程环境突然跳转到C++,实在有些不适.单就pixels scanning花了好长时间研究.opencv-tutorials给出 ...
JS定时器与清除定时器
在js中我们很多时候都需要用到定时器,有以下两种方法 1.setInterval(函数名,时间间隔) 按照指定的周期(以毫秒计)来调用函数或计算表达式. <!DOCTYPE html> & ...
JS设置定时器和清除定时器
最近在项目中频繁运用到js定时器,现在和大家分享一下方法.在前端开发的过程中,有些时候需要某段程序等待一段时间后再开始执行,在JavaScript中主要通过定时器实现这一类需求. JS的两种定时器 w ...
html清空计时器,js设置定时器和清除定时器
一.前言在前端,我们有很多功能需要用到定时器.譬如轮询,譬如定时关闭弹框,譬如实现秒表,譬如一段时间后跳转页面等等.因此,我们需要掌握定时器的用法. 二.设置定时器目前window对象提供有两个方 ...
android h5app息屏定时器,H5案例分享：JS设置定时器和清除定时器
JS设置定时器和清除定时器在做项目中难免会碰到需要实时刷新,动画依次出现等等需求,这时候就需要定时器登上我们的代码舞台了,所以今天我们就先来了解一下JS定时器的设置和清除吧. 一.启用定时器 win ...
函数指针--Nginx和Redis中两种回调函数写法
1.Nginx和Redis中两种回调函数写法 #include <stdio.h>//仿Nginx风格 //结构外声明函数指针类型 typedef void (*ngx_connectio ...
VS Code - Debugger for Chrome调试JavaScript的两种方式
VS Code - Debugger for Chrome调试JavaScript的两种方式最近由于出差的缘故,博客写的不是很多,一直想写一篇VS Code - Debugger for Chrom ...
spring mvc中两种异常的处理手法
spring mvc中两种异常的处理手法在spring mvc中,对异常的处理,可以小结有如下两类写法: 1 <bean id="exceptionResolver" cl ...

JavaScript中两种定时器和清除定时器的使用

一、定义

二、定时器的使用

1.单次定时器（setTimeout）

2.轮循定时器（setInterval）

三、清除定时器

1.clearTimeout

2. clearInterval

四、总结

1.定时器的使用

2.清除定时器

JavaScript中两种定时器和清除定时器的使用相关推荐

最新文章

热门文章