Loading text, Kizzy

by MegaScience

HTML

<button onclick="addText()">
Add More
</button>
<ul id="list">
</ul>

JavaScript

var index = -1,
	list = document.getElementById("list"),
	text = [{text: "Hello Kizzy.", time: 2000 },
    {text: "This is my way of doing it.", time: 2000 },
    {text: "It's a lot nicer, codewise.", time: 2000 },
    {text: "But most of all,", time: 2000 },
    {text: "it isn't resolution-dependant."}];

function addText() {
	if(++index < text.length) {
  	var element = document.createElement("li");
    element.innerHTML = text[index].text;
    list.appendChild(element);
    setTimeout(addText, (text[index].time || 0));
  }
  else {
  	index = -1;
  }
}