javascript - 如何在javascript中一一显示innerHTML值

Question

尝试显示我的内部 HTML 的值，从 10 到 1，但我只能显示值 1。

值应该一一显示。 例如，如果显示 10，则应隐藏，然后应显示 9， 它就像一个计时器。

如何解决这个问题，这是我尝试过的。

HTML:

<div id='test'></div>

JS:

var a = 10;
var b=1;
var tar = document.getElementById('test');

for(var a=10;a>=b;a--){
    tar.innerHTML = a;    
    if(a==b){
        tar.innerHTML = a;
        //tar.style.display='none';
        window.location.href = "http://www.google.co.in";
    }
}

fiddle demo

Answer 1

您遇到的问题是 JavaScript 的执行速度非常快，因此它从 10 数到 1 的速度比您看到的要快。你需要用计时器减慢速度......

在此示例中，每个数字之间有一秒的延迟。

var a = 10;
var b = 1;
var tar = document.getElementById('test');
var timer;

function countDown() {
    tar.innerHTML = a;    
    if(a === b) {
        tar.innerHTML = a;
        //tar.style.display = 'none';
        window.location.href = "http://www.google.co.in";
    } else {
        a--;
        timer = window.setTimeout(countDown, 1000);
    }
}

countDown();