js setInterval setTimeout用法

主要讲setInterval()的用法。比较简单的内容，如果以后学到其他相关的，再补充吧。

1.setInterval()语法

INTERVAL：填一个数字。单位：毫秒。举个例子，INTERVAL = 1000表示1秒。

在running code的地方写要运行的代码。

效果：每间隔一段时间（INTERVAL设定）运行一次running code

setInterval(()=>{//running code
}, INTERVAL);

2.setInterval()停止

如何停止运行？使用clearTimeout()。

注意，要如下所示的形式，明确声明clearTimeout()的对象。

/*
必须有loop的声明和使用，否则会不断运行
*/
let count = 10;
let loop = setInterval(()=>{console.log('count = ' + count--);if(!count){clearTimeout(loop);}
}, 1000);

你也可以试试clearTimeout()不加参数是什么效果：无限循环。相当于不加这一行。

let count = 10;
let loop = setInterval(()=>{console.log('count = ' + count--);if(!count){clearTimeout();}
}, 1000);

3.setTimeout()

setTimeout()

INTERVAL：填一个数字。单位：毫秒。举个例子，INTERVAL = 1000表示1秒。

在running code的地方写要运行的代码。

效果：经过一段时间再执行running code

setTimeout(()=>{console.log('1 second passed...');
},1000);

如果希望效果明显一点，可以把间隔时间设置得再长一点。

setTimeout()常常用来配合说明“异步”相关的内容。setTimeout()和异步，能说的东西也不少，应该会另外写一篇日志来梳理。

js setInterval setTimeout用法相关推荐

js setInterval+setTimeout定时器轮询+终止轮询
常见的轮询方式: window.timer = setInterval(()=>{this.promiseFun()},1000) 大家一般都会使用setInterval,但要注意单纯使用它可能 ...
js的settimeout用法总结
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式.下面是setTimeout()在js类中的使用方法: setTimeout (表达式,延时时间) setTimeout(表达式, ...
js中setTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法
setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTi ...
setTimeOut()和setInterval()的用法
setTimeOut()和setInterval()的用法 setTimeOut(function(){},1000); 在特定时间之后调用函数,只调用一次 setInterval(function( ...
setInterval与setTimeout用法
setInterval与setTimeout的用法 1.setTimeout setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自 ...
JS定时器setTimeout和setInterval介绍
JS定时器setTimeout和setInterval介绍 JavaScript 定时器,有时也称为"计时器",用来在经过指定的时间后执行某些任务.avaScript 中提供了两种 ...
每日题(js)：setTimeout与setInterval（深入理解）
题目:setInterval/setTimeout 详细理解定时器:setTimeout setTimeout()方法设置一个定时器,该定时器在定时器到期后执行一个函数或指定的一段代码. var t ...
setTimeout()用法
对于这个知识我一直以来也有一个误解查完之后感觉这个小编写的还可以也转发一下帮助自己理解一下 // 3 秒(3000 毫秒)后弹出 "Hello" setTimeout(fun ...

js setInterval setTimeout用法

1.setInterval()语法

2.setInterval()停止

3.setTimeout()

js setInterval setTimeout用法相关推荐

最新文章

热门文章