setInterval的简单理解和实验

Posted 2021-01-10 html55

setInterval的用法

setInterval(fn_name,time_num); 

意思是，现在不执行fn_name，然后过time_num毫秒执行一次fn_name，过time_num毫秒执行一次fn_name，就这样不停的执行，关了窗口或者用了clearInterval才停止。

注意，函数名不要加引号，那样成字符串了。如果不写函数名，写匿名函数也可以。代码举例

1 //用法1，里面是匿名函数
2         setInterval(function(){
3                 //要做点什么的代码在此
4         },1000);

或者

1 //用法2，注意函数名不要用引号引起来了，也不要在后面加()
2         function fn1(){
3             //要做点什么的代码在此
4         }
5         setInterval(fn1,1000);

问题1：setInterval设置某个函数执行后，那么他后面的代码会继续执行吗？还是等着他执行结束再执行？

设计测试代码如下：

1 setInterval(function(){
2     console.log(‘aaa‘);
3 },8000);
4         
5 console.log(‘bbb‘);

结果是，先显示出bbb,过了8秒钟显示aaa,过了8秒再显示一次aaa，。。。。表明了“先不执行某个函数，然后过多久执行一次，过多久再执行一次，以此类推”