waitFor.html
849 Bytes
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>waitFor test</title>
</head>
<body>
<img src="images/phantom.png"/>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<div id="textChange" >
Loading...
</div>
<div id="encoded">Voilà</div>
<p style="display:none;">I'm hidden.</p>
<p>I'm visible.</p>
<script>
setTimeout(function() {
var li = document.createElement('li')
li.appendChild(document.createTextNode('four'));
document.querySelector('ul').appendChild(li);
document.getElementById('textChange').innerHTML = 'Done';
}, 500);
</script>
</body>
</html>