JS:获得任务执行时间与JS脚本执行时间

performance.now()这个API可以提供当前页面或应用程序的相对高精度时间戳,利用这个API,我们可以

获得任务执行时间:

    <script>
      function getTime(callback) {
        // 记录任务开始时间
        const startTime = performance.now();
        // 执行任务
        callback();
        // 记录任务结束时间
        const endTime = performance.now();
        // 计算并返回执行时长
        const executionTime = endTime - startTime;
        return executionTime;
      }

      // 测试任务
        const exampleTask=()=> {
        let a = 0;
        for (let i = 0; i < 200000000; i++) {
          a++;
        }
      }

      const timeTaken = get(exampleTask);
      console.log(`该任务的执行时长为 ${timeTaken} 毫秒.`);
    </script>

获得整个脚本的运行时间:

    <script>
      // 文件开始处:记录脚本开始执行的时间
      const startTime = performance.now();

      // 这里是你的JavaScript文件的其他代码...
      const exampleFunction = () => {
        // 示例函数内容
        for (let i = 0; i < 1000000; i++) {
          // 模拟任务代码
        }
      };
      exampleFunction(); // 调用示例函数

      // 文件结束处:记录脚本执行结束的时间
      const endTime = performance.now();

      // 计算并输出执行时长
      console.log(`该JavaScript脚本 的执行时长为 ${endTime - startTime} 毫秒.`);
    </script>

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值