Understående kode kan gøre det. I stedet for at køre hele koden hvert 5 sekund, så ville jeg hooke mig op på onkeypress eventet og så sætte et flag der indikerer at brugeren har ændret noget.
Hvis det flag ikke er sat, venter man bare yderligere 5 sekunder.
<html>
<head>
<script type="text/javascript">
function MakeIndex() {
var contentList = document.querySelectorAll(".content h1,.content h2,.content h3,.content h4");
var currentLevel = 0;
var indexString = '';
for (var i = 0; i < contentList.length; i++) {
var newLevel = contentList[i].nodeName.charAt(1);
if (newLevel > currentLevel) {
for(var o=currentLevel;o<newLevel;o++)
indexString += "<ul>";
} else if (newLevel < currentLevel) {
for (var o = currentLevel; o > newLevel; o--)
indexString += "</ul>";
}
indexString += "<li>" + contentList[i].innerHTML + "</li>";
currentLevel = newLevel;
}
document.getElementById("indexHolder").innerHTML = indexString;
}
</script>
</head>
<body>
<div class="content" >
<h1>
# H1 overskrift</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce felis dui, elementum
nec velit quis, pulvinar feugiat ante. Nam pulvinar est turpis, feugiat facilisis
est cursus et. Nullam imperdiet gravida pretium.</p>
<h2>
## H2 overskrift</h2>
<p>
Aliquam eu ullamcorper erat. Maecenas vulputate, mauris at placerat imperdiet, purus
ante porttitor tortor, vitae vehicula nibh libero quis nisi. Duis sed ultricies
tortor, ut sagittis ligula. Nulla eget elit fermentum eros congue sollicitudin sit
amet vel neque.</p>
<h3>
### H3 overskrift</h3>
<p>
Nullam id ornare mi. Curabitur ac elementum leo. Quisque ac lorem quam. Cras vel
urna at urna faucibus accumsan. Nulla suscipit tristique eros, at dapibus felis
fringilla sed. Morbi volutpat massa in orci mattis posuere. Sed at convallis risus.</p>
<h3>
### H3 overskrift</h3>
<p>
Etiam interdum nunc nisi, non auctor arcu tristique et. Suspendisse potenti. Praesent
sollicitudin non felis nec posuere. Suspendisse posuere ultricies leo id feugiat.
Donec sed libero lobortis, euismod odio quis, blandit velit.</p>
<h2>
### H2 overskrift</h2>
<p>
Pellentesque sit amet nisi eu leo aliquam interdum quis at mauris. Proin dignissim arcu id sem sagittis rhoncus. Aenean quis laoreet magna. Praesent quis tortor in dolor blandit varius quis tempus lorem. Mauris condimentum quam vitae augue aliquam blandit.</p>
</div>
<input id="Button1" type="button" value="button" onclick="MakeIndex();" />
<div id="indexHolder"></div>
</body>
</html>
