需要显示2秒的div

-3

我在我的代码2sections。我需要逐个显示部分2秒。请帮助我。需要显示2秒的div

<section class="square_box tctgrid" id="question1"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div class="empty"></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
</section> 
<section class="square_box tctgrid" id="question1"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div class="empty"></div> 
</section>

上面的代码是我的HTML代码，也是我增加了以下

.tctgrid div{ 
    background: #ba1818; 
    float: left; 
    height: 120px; 
    margin: 1%; 
    width: 31%; 
} 
.tctgrid div.empty{ 
    background-color:#fff; 
} 
.psychomotor{ 
    width: 34%; 
    margin-bottom:50px; 
}

来源

2017-02-15 user7393779

首先，不具有相同值的多个'id'。使用类别 –

重复使用ID（'id =“question1”'）是无效的。你有什么尝试？ – Xufox

你的意思是交替，如显示一个然后其他每秒交替，或者你的意思是显示一个，然后其他每个页面加载一秒？ –

我的风格，使用Jquery的你可以等待2秒，然后隐藏它的类名的元素：

setTimeout(function(){ 
    $('.square_box').hide(); 
}, 2000);

编辑

以上将同时隐藏这两个元素。如果你想单独显示他们，我会首先更新html以将每个元素添加到每个元素。

<section class="square_box tctgrid" id="question1"> 
</section> 
<section class="square_box tctgrid" id="question2"> 
</section>

然后通过jquery。

$('#question2').hide(); // Hide the second question 

setTimeout(function(){ 
    $('#question1').hide(); // Hide the first question 
    $('#question2').show(); // Show the second question 

    setTimeout(function(){ 
     $('#question2').hide(); // After 2s, hide the 2nd question 
    }, 2000); 
}, 2000);

来源

2017-02-15 09:35:28 Treeindev

最初我需要显示一个部分。并隐藏第一部分并显示下一部分 – user7393779

好的，我已经更新了代码。首先，脚本隐藏了第二个答案。等待2秒钟，然后隐藏第一个问题并显示第二个问题。然后再等2秒钟。最后，它隐藏了第二个问题。 – Treeindev

 use this code: 

      <body> 
       <div align="center"> 
       <img id="image" src="image1.png" height="200" width="200"> 
      </div> 
      <div align="center"> 
       <img id="image1" src="image1.png" height="200" width="200" style="visibility:hidden;"> 
      </div> 
      </body> 
     <script> 
     var hidden = false; 

     setInterval(function() { 
      document.getElementById("image").style.visibility = hidden ? "visible" : "hidden"; 
      document.getElementById("image1").style.visibility = hidden ? "hidden" : "visible"; 
      hidden = !hidden; 
     }, 2000); 

     </script>

来源

2017-02-15 09:48:42 KiranPurbey

查看小提琴链接：http://jsfiddle.net/p15fueuq/ – KiranPurbey

需要显示2秒的div

回答

相关问题