js 定时器的用法和清除

一、设置定时器

　　window对象提供了两个方法来实现定时器的效果，

　　　　分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：

　　　　window.setTimeout(code,millisec);

var i = 0;//设置定时器（循环去执行）var timeId = setInterval(function () {i++;console.log('定时运行：' + i + '次')}, 500)//清理定时器my$('btn').onclick = function () {window.clearInterval(timeId)}

　　　　window.setInterval(code,millisec);

var i = 0;//设置定时器（一次性定时器）var timeId = setTimeout(function () {i++;console.log('定时运行：' + i + '次')}, 500)//清理定时器（这个定时器虽然只有一次，但是也得清理 既可以释放内存，也可以便于后边代码的判断。）my$('btn').onclick = function () {window.clearTimeout(timeId)}

其中，code可以是用引号括起来的一段代码，也可以是一个函数名，到了指定的时间，系统便会自动调用该函数，当使用函数名作为调用句柄时，不能带有任何参数；

而使用字符串时，则可以在其中写入要传递的参数。两个方法中的第二个参数是millisec，表示延时或者重复执行的毫秒数。

二、清除定时器

由于定时器在调用时，都会返回一个整形的数字，该数字代表定时器的序号，即第多少个定时器，所以定时器的清除要借助于这个返回的数字。

定时器清除的方法：clearTimeout(obj)和clearInterval(obj)。（注意对于的定时器用对于的清除方法）

转载于:https://www.cnblogs.com/wanguofeng/p/10592557.html

js 定时器的用法和清除相关推荐

的setinterval函数_Vue定时器与JS 定时器 setInterval() 和 setTimeout()
H5前端开发社区专注更多编程教程和电子书天天在用钱在vue中,有两套定时器,一套是浏览器API,window对象上的:另一套就是vue/nodejs封装的,需要引入 import { setInter ...
ajax定时器怎么写,js定时器怎么写？就是在特定时间执行某段程序
js定时器怎么写?就是在特定时间执行某段程序复制代码代码如下: $(function(){ var handler = function(){ } var timer = setInterval( ...
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval
1.定时器介绍在js里面,有两种定时器:倒计时定时器和间隔定时器 (1)倒计时定时器:倒计时多长时间以后执行函数语法:setTimeout(要执行的函数,多长时间以后执行) <script ...
JS 定时器的4种写法及介绍
JS提供了一些原生方法来实现延时去执行某一段代码,下面来简单介绍一下setTiemout.setInterval.setImmediate.requestAnimationFrame. 一.什么是定时 ...
深入浅出JS定时器：从setTimeout到setInterval
前言当谈到 JavaScript 编程语言最基本的概念时,定时器就是一个必须掌握的知识点.在编写网站时,你经常会遇到需要在一定时间间隔内执行一些代码的情况.这时候,JavaScript 定时器就可以 ...
Vue进阶（七十八）：Vue 定时器与 JS 定时器
文章目录一.Vue 定时器二.JS 定时器一.Vue 定时器在vue中,有两种定时器,一是浏览器API,window对象上的:另一种就是vue/nodejs封装的,需要引入. import { ...
JS定时器setTimeout和setInterval介绍
JS定时器setTimeout和setInterval介绍 JavaScript 定时器,有时也称为"计时器",用来在经过指定的时间后执行某些任务.avaScript 中提供了两种 ...
js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...

js 定时器的用法和清除

js 定时器的用法和清除相关推荐

最新文章

热门文章