tweaking display to also show how long DOM manipulation took

getify · getify · commit a7b7b33fd9aa · 2013-09-09T17:46:34.000-05:00
diff --git a/syntaxur/index.html b/syntaxur/index.html
@@ -45,8 +45,15 @@ <h1>syntaxur</h1>
 			html = Syntaxur.highlight(source);
 			t2 = Date.now();
 
-			$("#time").text("Highlighting (not including DOM manipulation) took: " + (t2-t1) + "ms");
-			$("code").html(html);
+			$("#time").text("Highlighting (not including DOM manipulation) took: " + (t2-t1) + "ms. DOM manipulation...");
+
+			setTimeout(function(){
+				t1 = Date.now();
+				$("code").html(html);
+				t2 = Date.now();
+
+				$("#time").text($("#time").text() + " took: " + (t2-t1) + "ms)");
+			},50);
 		},50);
 	},500);
 });
