Css 如何在chrome中获取渲染时间

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

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

  var-time=新日期
  
  $（'ulli'）.css（'color'，'red'）
  
  console.log（新日期-时间）
  
  加载页面后，我得到了执行“$（'ulli'）.css（'color'，'red'）；”的时间。但在那之后，页面上显示的列表仍然不是红色的，它在2或3秒后改变了
  
  所以我想知道如何通过浏览器获得整个渲染的实时性？
  试试这个
  
  console.time("Test");
  console.timeEnd("Test");
  
  非常感谢。但它仍然没有像我想要的那样工作。console.timeEnd将在短时间内打印时间，我们可以在浏览器中看到，真正的样式在几秒钟后更改。