文章/答案/技术大牛

发布

社区首页 >问答首页 >创建一个html按钮来启动例程，并使用此函数将结果写入HTML页面

问创建一个html按钮来启动例程，并使用此函数将结果写入HTML页面
EN

Stack Overflow用户

提问于 2018-05-02 02:55:35

回答 1查看 153关注 0票数 1

这是我的javascript循环

 for (var i=1; i <= 100; i++)
{
    if (i % 15 == 0)
        console.log("DuckGoose");
    else if (i % 3 == 0)
        console.log("Duck");
    else if (i % 5 == 0)
        console.log("Goose");
    else
        console.log(i);
}

我最近刚开始学习html和java脚本，我试图在夏末成为一名完整的堆栈开发人员。在这里，我试图使用html按钮来启动/停止这个循环，并使用数字3下面列出的函数。下面是我到目前为止在HTML方面的内容。我真的挂断了，并坚持如何启动/停止这个循环使用这个按钮。有人能教我初学者做这件事的最好方法吗？还在学习。谢谢

<body>
  <div>
    <button>Click me</button>

  </div>

</body>

function write (o) {
    var el = document.createElement('pre');
    el.innerHTML = JSON.stringify(o, undefined, 2);
    document.body.appendChild(el);
}

javascript

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-02 18:15:37

因此，使用for循环时需要注意的是，通常不会通过单击按钮来阻止它们。一旦一个for循环启动，它将继续运行，直到发生两种情况中的一种，要么循环的条件计算为false，要么在代码中具体地告诉它做一些不同的事情(一个中断或继续语句)。因此，您可以让按钮启动循环的开始，但该循环将继续运行，直到它完成。使用jQuery，它看起来类似于这。

$(document).on('click', '#duckDuckGoose', function() {
  RunDuckDuckGoose();
});

function RunDuckDuckGoose() {
  for (var i=1; i <= 100; i++)
  {
    if (i % 15 === 0)
        console.log("DuckGoose");
    else if (i % 3 === 0)
        console.log("Duck");
    else if (i % 5 === 0)
        console.log("Goose");
    else
        console.log(i);
  }
}

现在，如果你真的需要一个按钮来停止执行，有几件事要记住。

for循环将非常快地遍历所有100个元素。因此，您可能需要在其中放置一些东西来减缓循环(或增加循环的数量)，这样您就可以实际看到停止按钮的工作。
为了使for循环在单击按钮时停止，单击处理程序必须触发一些变量(在for循环之外声明)，以便for循环可以查看这些变量。

不幸的是，按照我向您展示的阻止UI的方式循环，所以无论如何都不能通过单击按钮停止循环，所以您必须查看循环异步，请参阅这文章中的方法。

我希望这能帮助你，或者至少指出你的正确方向。祝你在新的旅程上好运！

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50126501

复制

相似问题

问创建一个html按钮来启动例程，并使用此函数将结果写入HTML页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建一个html按钮来启动例程，并使用此函数将结果写入HTML页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建一个html按钮来启动例程，并使用此函数将结果写入HTML页面
EN