Question

我只想使用javascript在div中计数到100。为什么只出现最后一个数字。

这是我的代码：

＆＃13;

function test() {
	for (var x = 1; x < 101; x++) {
		document.getElementById("demo").innerHTML = (x + "<br />");
	}
}function leer() {
	document.getElementById("demo").innerHTML = "Delete"

}

＆＃13;

<html>
<head>
<script src="function.js"></script>
</head>
<body>
<button type="button" onclick="test()">100</button>
<button type="button" onclick="leer()">Delete</button>
<div id="demo">
</div>
</body>
</html>

＆＃13;

Answer 1

更改document.getElementById("demo").innerHTML += (x + "<br />");此行

function test() {
	for (var x = 1; x < 101; x++) {
		document.getElementById("demo").innerHTML += (x + "<br />");
	}
}function leer() {
	document.getElementById("demo").innerHTML = "Delete"

}

<html>
<head>
<script src="function.js"></script>
</head>
<body>
<button type="button" onclick="test()">100</button>
<button type="button" onclick="leer()">Delete</button>
<div id="demo">
</div>
</body>
</html>

Answer 2

因为使用id＆＃34; demo＆＃34;继续覆盖div的内容。通过使用innerHTML。您需要附加新号码。

请参阅此示例（我更新了您的代码）。

＆＃13;

function test() {
	for (var x = 1; x < 101; x++) {
        var current_contents = document.getElementById("demo").innerHTML;
		document.getElementById("demo").innerHTML = current_contents  + (x + "<br />");
	}
}function leer() {
	document.getElementById("demo").innerHTML = "Delete"

}

＆＃13;

<html>
<head>
<script src="function.js"></script>
</head>
<body>
<button type="button" onclick="test()">100</button>
<button type="button" onclick="leer()">Delete</button>
<div id="demo">
</div>
</body>
</html>

＆＃13;

Answer 3

因为它发生得太快，你只能看到最后一个数字。做这样的事情：

＆＃13;

public void GetBranchListforWrongInput()

＆＃13;

var _counter = 1;
    var _timer = null;
    function test() {      	
        _counter = 1;
        _timer = setInterval(function(){
            document.getElementById("demo").innerHTML = (_counter + "<br />");
            _counter++;
            if(_counter > 100) clearInterval(_timer);
        }, 1000);
    }
    
    function leer() {
    	document.getElementById("demo").innerHTML = "Delete"
    
    }

＆＃13;

Answer 4

尝试使用<div id="demo"></div> <button onclick="test();">Count</button> <button onclick="leer();">Delete</button>代替.append

使用Javascript计数到100（在div中）

4 个答案: