如何启用/禁用在计时器中使用JavaScript的div [英] how to enable/disable div using javascript in timer

问题描述

我的网页上有三个div。我想在javascript中使用计时器来显示div的一个接一个。这意味着，当第一个div打开时，其他2应该关闭，从此... ...

请在javascript中回复一些代码...

解决方案

假设您有以下元素：

 < div id =el1>元素1< / div> 
< div id =el2>元素2< / div> 
< div id =el3>元素3< / div> 
  

首先不显示它们：

 <风格> 
＃el1，＃el2，＃el3 {display：none;} 
< / style> 
  

然后逐一显示：

 <脚本> （var j = 1; j< 4; ++ j）document.getElementById（（））
（function（）{
 var i = 1; 
 function show 'el'+ j）.style.display ='none'; 
 document.getElementById（'el'+ i）.style.display ='block'; 
 if（3 == i ++）return ; 
 setTimeout（show，2000）; 
} 
 show（）; 
}）（）; 
< / script> 
  

（以上未经测试）

I have three div's on my page. I want to show the div's one by one using timer in javascript. that means, when the first div is on, the other 2 should be off and henceforth...

Please reply with some codes in javascript...

解决方案

let's say you have these elements:

<div id="el1">element 1</div>
<div id="el2">element 2</div>
<div id="el3">element 3</div>

start by not displaying them:

<style>
#el1,#el2,#el3{display:none;}
</style>

then show them one by one:

<script>
(function(){
  var i=1;
  function show(){
    for(var j=1;j<4;++j)document.getElementById('el'+j).style.display='none';
    document.getElementById('el'+i).style.display='block';
    if(3==i++)return;
    setTimeout(show, 2000);
  }
  show();
})();
</script>

(the above is not tested)

这篇关于如何启用/禁用在计时器中使用JavaScript的div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！