javascript 一次性实现更多功能

Question

对于一个学校项目，我需要为多个设备制作第二个屏幕。我会随着时间的推移伪造屏幕变化。因此，假设在 10 分钟时它必须显示该 div id=one，在 20 分钟时它必须显示 div id=two。不幸的是我的代码无法工作，我找不到问题。也许我的想法也不正确。

欢迎您提供反馈，非常感谢

  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`};

Answer 1

不需要第二个counter++。
您的代码中还存在语法错误，例如未闭合的括号。

要使屏幕在 10 分钟和 20 分钟变化，您需要使用
if(计数器 === (1000 * 60) * 10) {

1000 等于 1000 毫秒，即一秒。因此，您必须将其乘以六十以获得一分钟，然后乘以十以获得十分钟。与二十相同。

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);

工作JSFiddle这里。我在这个 fiddle 中使用了 1 秒和 2 秒。