需要顯示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

回答

相關問題