如何使用 setInterval 或 setTimeout 并在计数期间显示结果？

我试图在调用函数之前使计时器从 5 秒倒计时到零，并且我可以成功做到这一点，但我还无法在倒计时时显示计时器值。不是显示值，而是<div></div>从空格变为“数字：0”。我都用过setTimeout and setInterval得到相同的结果。

<script type="text/javascript">
    for (i = 5; i > 0; i--) {
        function countDown() {
            setInterval(function () {
                document.getElementById("displayDiv").innerHTML = "Number: " + i;
            }, 1000);
        }
    }
</script>

我也尝试过使用.value代替.innerHTML没有帮助。

<input type="button" value="Count" onclick="countDown()" />

<div id="displayDiv" />

这看起来应该很简单，但它让我难住了。任何帮助表示赞赏

function countDown(i) {
    var int = setInterval(function () {
        document.getElementById("displayDiv").innerHTML = "Number: " + i;
        i-- || clearInterval(int);  //if i is 0, then stop the interval
    }, 1000);
}
countDown(5);

DEMO: http://jsfiddle.net/DerekL/sFtqZ/ http://jsfiddle.net/DerekL/sFtqZ/（包括额外的回调参数）