<html>
<head>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html">
	<title>Delayed element</title>
	<script type="text/javascript">
		function createDiv() {
			var my_div = null;
			var newDiv = null;
			newDiv = document.createElement("div");
			newDiv.setAttribute("id", "delayedDiv");
			newContent = document.createTextNode("Delayed div.");
			newDiv.appendChild(newContent);

			button = document.getElementById("createElementButton");
			document.body.insertBefore(newDiv, button);
		}
	</script>
</head>
<body>
	<img style="width: 644px; height: 41px;" alt="banner" src="banner.gif"><br>
	<h1>This is a page with slow-loading (delayed) element.</h1>
	<button id="createElementButton" onclick="window.setTimeout(createDiv, 2000);">Create element</button>
</body>
</html>
