例のコードの場合、クリックされたときに一気に実行されているため表示されるのは4になってしまいます。そこで、遅延をさせるためにsetTimeoutという関数を使います。
下のコードはsetTimeoutを再帰的に呼び出す例ですが、ボタンをクリックすると1秒ごとに1ずつ増えていき、4になると止まります。
var button = document.getElementById("button");
var elem = document.getElementById("output-text");
button.onclick = function () {
var elem.innerHTML = 0;
setTimeout(function incr() {
var num = parseInt(elem.innerHTML);
if (num < 4) {
num++;
elem.innerHTML = num;
setTimeout(incr, 1000);
}
}, 1000);
}