css - 如何在chrome中获取渲染时间time

Question

我想计算更改节点样式时渲染所花费的时间。 例如:有一个

节点，里面有100000个
• 节点。使用 jQuery，我想将所有
• 节点的颜色更改为红色。所以，我有这样的代码:

  var time = new Date;

  $( 'ul li' ).css( 'color', 'red' );

  console.log( new Date - time );

  加载页面后，我有时间执行“$( 'ul li' ).css( 'color', 'red' );”。但是在那之后，页面上显示的列表仍然不是红色的，两三秒后就变了。

  所以我想知道如何获取浏览器整个渲染的实时时间？

Answer 1

试试这个

console.time("Test");
console.timeEnd("Test");

API