【问题标题】:JavaScript question using for loops and functions使用 for 循环和函数的 JavaScript 问题
【发布时间】:2018-09-08 18:44:41
【问题描述】:

创建一个通用函数,在网页上输出一行倒计时(十、九、八、七等),然后是警报,并接收要作为输入参数输出的数据。使用该函数输出倒计时的每一行和一个警报。

我需要将倒计时输出到浏览器窗口,并且警报仅用于指示何时输出下一行。

我需要使用循环。我也不能使用数组。

这是我目前所拥有的。
但我不知道如何定义具有包含要输出的行的输入参数的函数。

for (var count=10; count >= 1; count--) { 
    window.alert("Click Okay!"); 
    document.write(count+"<br />") 
}
{ 
    window.alert("Click Okay!") 
    document.write("Ignition Start<br />") 
    window.alert("Click Okay!") 
    document.write("Liftoff<br />") 
    window.alert("Click Okay!") 
    document.write("We Have Liftoff!<br />") 
} 

【问题讨论】:

  • Java 不是 JavaScript。
  • 把你的代码放在问题里,不要放在评论区。并在标题中提及问题,而不只是一个问题。
  • 另外,请通过编辑在您的问题中发布任何更新,而不是在 cmets 中。尤其是作为注释的代码,将代码格式化成无法阅读的混乱。
  • 我冒昧地在您的问题的评论中包含您的代码,因为那是它应该去的地方。请修复明显的语法问题,例如语句后缺少分号,并且我不清楚循环后的大括号部分,这可能是循环的一部分?那么我们可以进一步观察。
  • 嗨!谢谢。你能看看 Andre 在下面添加了什么以及我的 cmets 到他的代码中吗?

标签: javascript loops for-loop


【解决方案1】:
<html>
<body>
</body>

<script type="text/javascript">
var t = 1;
function show(text) {
  window.setTimeout(()=>{
        var n = document.createElement("div");
        n.innerHTML = text;
        document.body.appendChild(n);
    window.alert("Click Okay!");
        //document.body.style.display = "none";
        //document.body.style.display = "";
    },t);
    t+=20;
}

for (var count=10; count >= 1; count--) { 
    show(count.toString());
} 
show("Ignition Start");
show("Liftoff");
show("We Have Liftoff!");
</script>
</html>

【讨论】:

  • 谢谢。所以这只会在我单击“单击确定”警报后将每个数字一一写入我的页面?当它降到 1 时,我需要它然后还写到网页 Ignition Start,Liftoff,We have Liftoff!就像我倒计时一样。你能帮我解决这个问题吗?
  • 我测试了这个 Andrei,它几乎是正确的。现在它让我单击单击 OK 警报 10 次,然后将数字写入网页。每次单击单击确定警报后,我都需要它在网页上写一个数字
  • 虽然这段代码 sn-p 可以解决问题,但它没有解释为什么或如何回答这个问题。请include an explanation for your code,因为这确实有助于提高您的帖子质量。请记住,您是在为将来的读者回答问题,而这些人可能不知道您提出代码建议的原因。
  • 在我连续点击警报 10 次后,整个倒计时会同时显示在网页上,这不是我需要它做的。我需要单击警报并只有在我单击确定警报后才一次将倒计时写入网页
  • 我对脚本进行了一些更改,现在它应该可以按照您的意愿工作了。
猜你喜欢
  • 1970-01-01
  • 2010-12-25
  • 1970-01-01
  • 2020-09-15
  • 1970-01-01
  • 2012-09-20
  • 2012-12-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多