zoukankan      html  css  js  c++  java
  • 【javascript】setTimeout计时开始时间

    setTimeout是什么时候开始倒计时的?其实是在执行到当前位置的时候,就已经开始计时了,如:
    当定时时间设置为小于阻塞时间(200ms):
    var startTime = window.performance.now();
    console.log('setTimeoutstart',startTime);
    setTimeout(()=>{
    console.log('执行setTimeout时间:'+(window.performance.now()-startTime)+'ms');
    },200);
    console.log('sortstart');
    var sum=function(a,b){
    return Number(a)+Number(b);
    }
    var res=[];
    let start = window.performance.now();
    for(var i=0;i<5000000;i++){
    var a=Math.floor(Math.random()*100);
    var b=Math.floor(Math.random()*200);
    res.push(sum(a,b));
    }
    let end = window.performance.now();
    console.log("for循环花费时间(阻塞时间):",end - startTime);

    执行结果:

     执行结果中可知,setTimeout内部代码的执行时间不是429+200,而是430;

    当定时时间设置为大于阻塞时间(500ms):

    var startTime = window.performance.now();
    console.log('setTimeoutstart',startTime);
    setTimeout(()=>{
    console.log('执行setTimeout时间:'+(window.performance.now()-startTime)+'ms');
    },500);
    console.log('sortstart');
    var sum=function(a,b){
    return Number(a)+Number(b);
    }
    var res=[];
    let start = window.performance.now();
    for(var i=0;i<5000000;i++){
    var a=Math.floor(Math.random()*100);
    var b=Math.floor(Math.random()*200);
    res.push(sum(a,b));
    }
    let end = window.performance.now();
    console.log("for循环花费时间(阻塞时间):",end - startTime);

    执行结果:

     执行结果中可知,setTimeout内部代码的执行时间不是395+200,而是504,接近500;

     因此是在执行到当前位置的时候,就已经开始计时了。

  • 相关阅读:
    Ubuntu打开终端的方法三种
    javascript 获取随机数
    HTML5中类jQuery选择器querySelector的使用
    PHP stream_context_create()作用和用法分析
    一些常用的api接口、
    怎么样学好C++
    指针访问与数组访问的效率分析
    架构师
    Java 之 StringTokenizer
    类型转换操作符static_cast、const_cast、dynamic_cast、reinterpret_cast
  • 原文地址:https://www.cnblogs.com/vickylinj/p/14455800.html
Copyright © 2011-2022 走看看