javascript一次完成多个函数

对于一个学校项目，我需要为几个设备制作第二个屏幕。我会假装屏幕随时间变化。让我们假设在10分钟时它必须显示这个div id=1，在20分钟时它必须显示div id=2。不幸的是，我的代码不工作，我找不到问题。也许我的想法也不正确

欢迎您的反馈，并提前表示感谢

  var counter = 0;
   var i = setInterval(function(){
    // do your thing

    counter++;
    if(counter === 1000) {
        document.getElementById("DoeDitVooralWelThuis").style.display ="block";
      document.getElementById("remaintime").style.display ="none";
    }
    counter++;
    if(counter === 2000) {
        document.getElementById("ExperimentArea").style.display ="block";
      document.getElementById("DoeDitVooralWelThuis").style.display ="none";
    }
 `enter code here`};

---

您可以尝试使用

setTimeout（）

设置计时器

---

不需要第二个

计数器+

代码中还存在语法错误，例如未闭合的括号。

要在10分钟和20分钟内更改屏幕，您需要使用

如果（计数器===（1000*60）*10）{

1000

等于1000毫秒，也就是1秒。所以你必须将它乘以60得到一分钟，然后乘以10得到十分钟。二十也一样

window.onload = function()
{
    var counter = 0;
    var i = setInterval(function(){

    counter++;
    if(counter === (1000 * 60) * 10) {
        document.getElementById("secondScreenElement").style.display ="block";
        document.getElementById("firstScreenElement").style.display ="none";
    }

    if(counter === (2000 * 60) * 10) {
        document.getElementById("secondScreenElement").style.display ="none";
        document.getElementById("thirdScreenElement").style.display ="block";
        clearInterval(i);
    }
 });
};

如果要在显示最后一个屏幕后停止在屏幕之间切换，可以使用

clearInterval

并将

setInterval

的值传递给它。即-

clearInterval（i）；

---

在这里工作。我在这把小提琴中使用了1秒和2秒。

当您运行它时，实际发生了什么？首先，您已经将它设置为1秒和2秒。您可能没有提供完整的代码，或者它的javascript格式不正确。

setInterval

的参数列表没有关闭，也没有延迟值。另外，

setTimeout

更合适。谢谢你的帮助！值得赞赏没有问题：）我一定会喜欢那些学校项目的。

window.onload = function()
{
    var counter = 0;
    var i = setInterval(function(){

    counter++;
    if(counter === (1000 * 60) * 10) {
        document.getElementById("secondScreenElement").style.display ="block";
        document.getElementById("firstScreenElement").style.display ="none";
    }

    if(counter === (2000 * 60) * 10) {
        document.getElementById("secondScreenElement").style.display ="none";
        document.getElementById("thirdScreenElement").style.display ="block";
        clearInterval(i);
    }
 });
};