{"ScriptPreparationCode":"const html = [];\r\nfor(i=0; i\u003C1000; i\u002B\u002B) {\r\n\thtml.push(\u0022\u003Cspan\u003EText\u003C/span\u003E\u0022);\r\n}\r\ndocument.getElementById(\u0022messages\u0022).insertAdjacentHTML(\u0027beforeend\u0027, html)","TestCases":[{"Name":"With requestAnimationFrame","Code":"const messagesDiv = document.getElementById(\u0022messages\u0022);\r\n\r\nfunction removeChildWithAnimation() {\r\n if (messagesDiv.firstChild) {\r\n messagesDiv.removeChild(messagesDiv.firstChild);\r\n requestAnimationFrame(removeChildWithAnimation); // Call recursively until all children are removed\r\n }\r\n}\r\n\r\nrequestAnimationFrame(removeChildWithAnimation);\r\n","IsDeferred":false},{"Name":"Without requestAnimationFrame","Code":"const messagesDiv = document.getElementById(\u0022messages\u0022);\r\nwhile (messagesDiv.firstChild) {\r\n messagesDiv.removeChild(messagesDiv.firstChild);\r\n}\r\n","IsDeferred":false}]}