测试javascript脚本执行时间 console.time 和timeEnd用法

最新推荐文章于 2023-11-22 08:16:08 发布

沉迷...

最新推荐文章于 2023-11-22 08:16:08 发布

阅读量1.5k

点赞数 2

分类专栏： javascript 文章标签： javascript 前端 es6

本文链接：https://blog.csdn.net/weixin_42343307/article/details/121315831

版权

javascript 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

最近由于做性能测试要测试一段代码的执行时间所以用到了 console.time 和console.timeEnd来给脚本做性能测试

其中console.time方法是开始计算时间
console.timeEnd是停止计时输出脚本执行的时间
在使用的时候传入一个参数作为计时器的名称它可以让你分清是在那个代码段运行所消耗的时间
这两个方法是是最基本最自己的方法
一下是我写的一个小demo 往页面插入十万dom结构

 <body>
    <div class="app"></div>
    <script>
      const app = document.querySelector(".app");
      console.time('执行时间是')
    for (var i=0; i<100000; i++ ){
      //循环体内容
      const p=document.createElement('p')
      const span=document.createElement('span')
      span.innerText=i
      p.appendChild(span)
      app.appendChild(p)
    }
    console.timeEnd('执行时间是')
    </script>
  </body>

效果展示
在这里插入图片描述

沉迷...

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
测试javascript脚本执行时间 console.time 和timeEnd用法

最近由于做性能测试要测试一段代码的执行时间所以用到了 console.time 和console.timeEnd来给脚本做性能测试其中console.time方法是开始计算时间console.timeEnd是停止计时输出脚本执行的时间在使用的时候传入一个参数作为计时器的名称它可以让你分清是在那个代码段运行所消耗的时间这两个方法是是最基本最自己的方法一下是我写的一个小demo 往页面插入十万dom结构 <body> <div class="app"&g.
复制链接

扫一扫