JavaScript查看代码运行效率console.time()与console.timeEnd()用法

来源：懂视网责编：小采时间：2020-11-27 22:01:52

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

JavaScript查看代码运行效率console.time()与console.timeEnd()用法:程序运行时间计算：注意：测试代码运行时间的话console.time()与console.timeEnd()要一起使用，这是一个组合；这两个之间的代码就是要运行测试程序的时间 <!DOCTYPE html> <html lang=en> <head> <

推荐度：

点击下载本文 文档为doc格式

导读JavaScript查看代码运行效率console.time()与console.timeEnd()用法:程序运行时间计算：注意：测试代码运行时间的话console.time()与console.timeEnd()要一起使用，这是一个组合；这两个之间的代码就是要运行测试程序的时间 <!DOCTYPE html> <html lang=en> <head> <

程序运行时间计算：

注意：测试代码运行时间的话console.time()与console.timeEnd()要一起使用，这是一个组合；这两个之间的代码就是要运行测试程序的时间

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
</head>
<body>
 <ul id="list">
 </ul>
</body>
<script>
 window.onload = function () {
 //优化升级版
 //先创建数组，把节点追加到数组里，再把数组裁切
 //innerHTML只需解析1遍
 var list = document.getElementById('list');
 // 计算运行时间开始
 console.time("数组拼接时间");
 var arr = [];
 for(var i=0;i<10000;i++){
 arr.push("<li>通过js创建的第"+(i+1)+"个数据</li>");
 }
 list.innerHTML = arr.join("");
 // 计算运行时间结束
 console.timeEnd("数组拼接时间");
 }
</script>
</html>

总结

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

推荐度：

点击下载本文 文档为doc格式

标签： javascript 代码运行 console

热门焦点

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

最新推荐

猜你喜欢

热门推荐