闭包定时器循环语句

闭包

闭包的本质就是函数嵌套,就是在函数里面定义函数,

内部函数可以引用外部函数的参数和变量

参数和变量不会被垃圾回收机制给回收

闭包的用途:可以存循环的索引值、做私有变量计数器

闭包的一般写法

function aa(b){

var a = 12;

function bb(){

alert(a);

alert(b);

}

return bb;

}

var cc = aa(24)

//单次定时器

var timer = setTimeout(function(){

alert('hello!');

}, 3000);

//清除单次定时器

clearTimeout(timer);

//反复循环定时器

var timer2 = setInterval(function(){

alert('hi~~~');

}, 2000);

//清除反复循环定时器

clearInterval(timer2);

循环语句:

通过循环语句可以反复的执行一段代码多次

while循环

- 语法:

while(条件表达式){

语句...

}

- while语句在执行时,

先对条件表达式进行求值判断,

如果值为true,则执行循环体,

循环体执行完毕以后,继续对表达式进行判断

如果为true,则继续执行循环体,以此类推

如果值为false,则终止循环

do...while循环

- 语法:

do{

语句...

}while(条件表达式)

- 执行流程:

do...while语句在执行时,会先执行循环体,

循环体执行完毕以后,在对while后的条件表达式进行判断,

如果结果为true,则继续执行循环体,执行完毕继续判断以此类推

如果结果为false,则终止循环

实际上这两个语句功能类似,不同的是while是先判断后执行,

而do...while会先执行后判断,

do...while可以保证循环体至少执行一次,

而while不能

for语句,也是一个循环语句,也称为for循环

在for循环中,为我们提供了专门的位置用来放三个表达式:

1.初始化表达式

2.条件表达式

3.更新表达式

for循环的语法:

for(①初始化表达式;②条件表达式;④更新表达式){

③语句...

}

for循环的执行流程:

①执行初始化表达式,初始化变量(初始化表达式只会执行一次)

②执行条件表达式,判断是否执行循环。

如果为true,则执行循环③

如果为false,终止循环

④执行更新表达式,更新表达式执行完毕继续重复②

任意一种循环都可以互相嵌套

反复循环定时器,每30毫秒修改一次盒子的left值

var timer = setInterval(function(){

left += 2;

oBox.style.left = left + 'px';

//当left值大于700时停止动画(清除定时器)

if(left > 700){

clearInterval(timer);

}

},30);

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容