如何在chrome中获取渲染时间

Question

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

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

  var time = new Date;

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

  console.log( new Date - time );

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

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

Answer 1

试试这个

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

API