美文网首页
JavaScript定时器

JavaScript定时器

作者: 追逐_e6cf | 来源:发表于2019-02-18 13:41 被阅读0次

一、定时器

  1. setTimeout:循环一次。
  2. setInterval:循环多次。
  3. clearTimeout:清除一次性定时器。
  4. clearInterval:清除多次定时器。
function boom(){
    console.log('boom');
}
setTimeout(boom, 1000); //1秒后执行代码

function go(){
    console.log('起床了')
}
setInterval(go, 3000); //每隔3秒不断执行代码

//执行一个循环定时器,并将返回值赋给timer这个变量
var timer = setInterval(function(){
    console.log('2');
},1000);
console.log(timer);
//取消定时器需要有索引值,timer保存的是动画队列里的索引值(key) ,clearInterval停止动画需要一个索引值
clearInterval(timer);

二、回调函数

function test(d){
    var a = 1;
    var b = a +1;
    var c = b;
    //传进来的是个函数 ,所以能加括号执行 最后把处理的结果传给d,这个函数d被称作回调函数
    d(a,b,c);
}

//将函数作为参数传递
test(function(a,b,c){
    console.log(a,b,c)
})

三、同步代码和异步代码

  1. 同步代码:前面的代码没有执行完,会阻塞后面的代码执行。
  2. 异步代码:等满足条件的时间去执行。
  3. 异步加载:
    1)定时器,动画帧
    2)事件绑定的内容
    3)Ajax采用的也是异步操作
    4)回调函数
//发现时间大概在2毫秒左右,因为先执行同步代码for循环,再去执行定时器。
console.time();

setTimeout(function(){
    console.timeEnd();
},0);

for(var i = 0 ;i < 10000;i++){
    for(var j = 0;j< 10000;j++){
        Math.random();
    }
}

相关文章

  • js字符串,定时器

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

  • JavaScript

    javascript引入方式 定时器

  • 「DOM 编程」JavaScript 动画

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

  • 驯服定时器和线程

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

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

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

  • 定时器

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

  • Web26.闭包&定时器&BOM

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

  • 定时器

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

  • 2018-07-09

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

  • 定时器

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

网友评论

      本文标题:JavaScript定时器

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