javascript - 在 JavaScript 中停止对特定数字的 FOR 循环

Question

我有以下 JSFiddle:http://jsfiddle.net/uX8ZQ/

基本上，我试图实现持续的 for 循环 直到变量达到某个数字，一次加载 5 个。这是我到目前为止所拥有的:

HTML:

<button onclick="go()">Load</button>
<p id="demo"></p>

JavaScript:

var max=16;
var y=5;

function go(){
    var x="";
    for (var i=1;i<=y;i++){
        if(i>max){
            return;
        }
        x=x + "The count is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML=x;
    y=y+5;
}

我得到的结果是循环在 15 处停止，并且不会加载 16

我是 JavaScript 新手，并试图通过循环来学习我的方法，但我似乎无法理解这一点。

顺便说一下，在 JSFiddle 中我使用了 window.go = function(){ 因为 JSFiddle 无法通过简单地定义函数来工作。我在我的文档中使用了上面的代码。

Answer 1

使用 break 而不是 return，因为 return 会在更新 HTML 之前退出该函数。

function go(){
    var x="";
    for (var i=1;i<=y;i++){
        if(i>max){
            break;
        }
        x=x + "The count is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML=x;
    y=y+5;
}