美文网首页
JavaScript的定时器

JavaScript的定时器

作者: 柏龙 | 来源:发表于2017-04-23 00:10 被阅读0次

什么是定时器

提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。

下面这段代码输出结果是? 为什么?

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a); // 2
}, 0);
var a ;
console.log(a); // 1
a = 3;
console.log(a); // 3

代码输出 1 3 2 ,因为定时器会在队列最后执行

下面这段代码输出结果是? 为什么?

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

由于定时器会在队列最后执行,本次测试中flag 传入的值为true,结果是一直在循环。while条件表达式,在每次循环前被求值。如果求值为真,就会被执行。如果求值为假,则跳出 while 循环执行后面的语句。

下面这段代码输出?如何输出delayer: 0, delayer:1...(使用闭包来实现)

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i ); // delayer:5
    }, 0);
    console.log(i); // 0 1 2 3 4
}

闭包实现:

for(var i=0;i<5;i++){
    setTimeout((function(i){
        var j = i;
        return function(){
            console.log('delayer:' + j ); // delayer:0 delayer:1 delayer:2 delayer:3 delayer:4
        }
    })(i),0);
    console.log(i); // 0 1 2 3 4
}

相关文章

  • js字符串,定时器

    Javascript组成 字符串处理方法: 定时器在javascript中的作用: 定时器: setTimeout...

  • JavaScript

    javascript引入方式 定时器

  • 「DOM 编程」JavaScript 动画

    JavaScript 动画实现方式JavaScript 动画三要素定时器常见动画动画函数 JavaScript 动...

  • 驯服定时器和线程

    定时器并不属于JavaScript 虽然我们一直在JavaScript中使用定时器,但是它并不是javascrip...

  • 定时器 类型转换 封闭函数

    定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流 定时器类型及语法 /*定时器...

  • Web26.闭包&定时器&BOM

    定时器 JavaScript提供执行代码的功能,叫做定时器(timer),主要由setTimeout()和setI...

  • 定时器

    定时器 JavaScript提供定时执行代码的功能,叫做定时器,主要由setTimeout()和setInterv...

  • 定时器

    定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流定时器类型及语法/*定时器:s...

  • 2018-07-09

    定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流 定时器类型及语法 定时器: ...

  • 定时器

    定时器 定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流 定时器类型及语法 /...

网友评论

      本文标题:JavaScript的定时器

      本文链接:https://www.haomeiwen.com/subject/dasezttx.html