1<!DOCTYPE html> 2<html> 3<body> 4<script src="../resources/runner.js"></script> 5<script> 6function buildTree() 7{ 8 wrapper = document.createElement("div"); 9 for (i = 0; i < 1000; ++i) { 10 var child = document.createElement("div"); 11 for (j = 0; j < 1000; ++j) { 12 var grandChild = document.createElement("div"); 13 child.appendChild(grandChild); 14 } 15 wrapper.appendChild(child); 16 } 17 document.body.appendChild(wrapper); 18} 19 20function setup() { 21 wrapper.style.display = "block"; 22 // Force a layout so that everything is up-to-date. 23 wrapper.offsetTop; 24} 25 26function runTest() { 27 setup(); 28 29 var now = PerfTestRunner.now(); 30 31 wrapper.style.display = "none"; 32 wrapper.offsetTop; 33 34 return PerfTestRunner.now() - now; 35} 36 37buildTree(); 38 39PerfTestRunner.measureTime({run: runTest, description: "This benchmark checks the time spend in detaching an tree." }); 40</script> 41</body> 42</html> 43