Javascript 每5分钟显示一次div

我有一个javascript代码，在5分钟后只显示一次DIV，但我希望该脚本每5分钟执行/再次显示DIV id“off”

我该怎么做

<div id="off">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="test.js"></script>
</div>

<script>
var div = document.getElementById('off');
div.style.display = 'none';
setTimeout(function() {
    div.style.display = 'block';
}, 5 * 60000);
</script>

var div=document.getElementById（'off'）；
div.style.display='none'；
setTimeout（函数（）{
div.style.display='block'；
}, 5 * 60000);

使用 如果要在某个时刻停止间隔计时，应将其指定给函数表达式，如：

var myIntv = setInterval(function() {
    div.style.display = 'block';
}, 5 * 60000);


// (let's say we're inside a button click event)
// clearInterval( myIntv ); // Stop it

---

使用

请从代码中删除“我在Div内”，它将根据您的需要为您工作：

我在Div里面
var div=document.getElementById（'off'）；
setInterval（函数（）{
变量样式=div.offsetWidth>0 | | div.offsetHeight>0；
如果（样式）{
document.getElementById（'off'）.style.display=“无”；
}否则{
document.getElementById（'off'）.style.display=“block”；
}
}, 300000);  

可能不是实现这一点的最有效方法，但它确实有效。调整你认为合适

var myVar = setInterval(myTimer, 1000);
    var oncount=0;
    var offcount=0;
    var bool=true;
    function myTimer() {
      if (bool){
         oncount+=1
         document.getElementById("demo").style.display='block';
         if (oncount==300)
          {
            bool=false;
            oncount=0;
          }
       }

      if (bool==false){
          offcount+=1
          document.getElementById("demo").style.display='none';
          if (offcount==300){
            bool=true;
            offcount=0
          }
       }  
  }

---

使用

setInterval

可以随时执行。还可以使用

=

确保无或阻止

<script>
var div = document.getElementById('off');
setInterval(function(){
    changingDiv();
},5*6000);

function changingDiv(){
  if(div.style.display == 'none' || div.style.display == ""){
    div.style.display = 'block';
  }
  else{
    div.style.display = 'none';
  }
}
</script>

var div=document.getElementById（'off'）；
setInterval（函数（）{
changingDiv（）；
},5*6000);
函数changingDiv（）{
如果（div.style.display='none'| | div.style.display==“”）{
div.style.display='block'；
}
否则{
div.style.display='none'；
}
}

如果我理解正确，您希望在5分钟后显示元素，然后在5分钟后再次隐藏它（如果不是这样，请编辑您的问题以澄清）

现在还不清楚的是，您是只想做一次还是连续做一次，所以我在下面提供了两个选项，它们使用不同的方法。在这些示例中，我每3秒（3000ms）触发一次更改，以便您可以看到它的运行；只需将下面出现的

3000

更改为

300000

，持续5分钟

要仅执行一次序列，请在另一个超时内嵌套一个超时，删除然后添加

。隐藏
类：


var div=document.querySelector（“div”）；
setTimeout（函数（）{
div.classList.remove（“隐藏”）；
setTimeout（函数（）{
div.classList.add（“隐藏”）；
}，3000）；//更改为300000，持续5分钟
},3000);// 更改为300000，持续5分钟
div{font-family:sans-serif；}
.隐藏{
显示：无；
}
Lorem Ipsum…
5分钟后只运行一次，我需要每5分钟
setTimeout（）
在设定的时间量后运行一次。您正在寻找
setInterval（）
，它每设置一个时间段运行一次。是否正确？setInterval（函数（）{div.style.display='block'；}，5*60000）@卢卡萨巴德：是的。添加了一个示例。它不起作用…：/只是第一次给大家看电视
var myVar = setInterval(myTimer, 1000);
    var oncount=0;
    var offcount=0;
    var bool=true;
    function myTimer() {
      if (bool){
         oncount+=1
         document.getElementById("demo").style.display='block';
         if (oncount==300)
          {
            bool=false;
            oncount=0;
          }
       }

      if (bool==false){
          offcount+=1
          document.getElementById("demo").style.display='none';
          if (offcount==300){
            bool=true;
            offcount=0
          }
       }  
  }

<script>
var div = document.getElementById('off');
setInterval(function(){
    changingDiv();
},5*6000);

function changingDiv(){
  if(div.style.display == 'none' || div.style.display == ""){
    div.style.display = 'block';
  }
  else{
    div.style.display = 'none';
  }
}
</script>