JS中定时器和延时调用学习笔记

JS中定时器和延时调用

在JS中希望一个函数重复的执行，可以为该函数设置一个定时装置
方法：
setInterval();
该方法可以将一个函数，每隔一段时间被调用一次
有两个参数
第一个是回调函数，就是每隔一段时间要执行的回调函数
第二个是每次调用函数的时间，单位是毫秒
**返回值：**返回一个Number类型的数据，这个数字用来作为数字的唯一标识

var num = 1;
var timer = setInterval(function(){count.innerHTML = num++;
},1000)

**clearInterval();**可以用来关闭一个定时器
方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器

 //给绑定一个点击事件，点击关闭定时器
document.onclick = function(){clearInterval(timer);
}

延时调用
延时调用一个函数不马上执行，而是隔一段时间以后在执行，**延时调用和定时调用的区别，**定时调用会执行多次，而延时调用只会执行一次。

//3秒后调用函数
var timer1 = setTimeout(function(){console.log(num);
},3000);

**clearTimeout()**来关闭延时调用

clearTimeout(timer1);

JS中定时器和延时调用学习笔记相关推荐

js中定时器与延时器的用法
js中定时器的主要语法有以下四个: 添加定时器: setTimeout("js语句",时间) setInterval("js语句",时间) 删除定时器(此处的t ...
React学习：ref调用、组件封装调用-学习笔记
文章目录 React学习:ref调用.组件封装调用-学习笔记 ref调用-string形式 ref调用-回调形式(官方推荐) ref调用-父调子组件封装调用demo(全选) demo1(单组件) d ...
《Node.js开发实战详解》学习笔记
<Node.js开发实战详解>学习笔记 --持续更新中一.NodeJS设计模式 1 . 单例模式顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直 ...
STM32中断回调函数定时器-STM32电控学习笔记06
STM32中断&定时器-STM32电控学习笔记06 day6:2022/9/24 [中断概述] 在 STM32 中,对信号的处理可以分为轮询方式和中断方式,轮询方式就是不断去访问一个信号的端口 ...
[js] 举例说明js中什么是尾调用优化
[js] 举例说明js中什么是尾调用优化写在前面上次介绍了什么是尾调用以及怎么准确快速的判别一个函数调用是否为尾调用.那么,我们判别尾调用的意义是什么呢?做什么事情总归有个目的,那么今天我们就来系 ...
中移物联网onenet入门学习笔记2：中移物联的通信格式
中移物联网onenet入门学习笔记2:中移物联的通信格式中移物联网硬件接入协议:LWM2M协议,EDP协议,MQTT协议,HTTP协议,TCP透传,MODBUS协议,JT/T808协议,RCMP协议 ...
html调用js函数_Java Web初学者探索学习笔记10—网络API的js数据接口调用解决方案...
声明:本学习笔记内容均为小蔡蜀黍亲自整理和原创,如需借引,请注明出处! 1. 时间戳转化为时间 1.1 时间转换函数准备 1.2 时间函数的具体使用 2. 远程js函数调用调用的js为天天基金网的实 ...
js定时器和延时调用的使用
javascript定时器使用可以使用setInterval(回调函数,间隔时间)函数,定时调用一段程序回调函数本质就是一个函数(有点废话),但它是JS帮我们调用的,所以叫回调函数. 间隔时长单位 ...
Vue.js 基础语法入门语句 Vue学习笔记 v-model 双向数据绑定
Vue.js 基础语法,入门语句,Vue学习笔记学习网站:https://www.bilibili.com/video/BV15741177Eh vue 的体验响应式:数据一旦改变,视图就会响应改 ...

JS中定时器和延时调用学习笔记

JS中定时器和延时调用

JS中定时器和延时调用学习笔记相关推荐

最新文章

热门文章