Javascript中的HTML DOM绘图事务？

Question

有没有办法在事务中封装几个DOM操作命令,以便内容不会"闪烁"？像这样的东西:

window.stopDrawing(); // start transaction
$("#news").append("<div>a new news item</div>");
// ... do something more
$("#news").css("top", "-150px");
window.startDrawing(); // stop transaction

Answer 1

每次你必须更新一大堆元素只需设置一个包含所有操作的函数,调用mozRequestAnimationFrame(或webkitRequestAnimationFrame),只有在你的函数完成执行后,它才会将你的更改绘制到屏幕上.

更多内容:https: //developer.mozilla.org/en/DOM/window.mozRequestAnimationFrame