Afficher une DIV pendant X secondes en Javascript

Dans ce tutoriel nous allons découvrir comment afficher une DIV pendant X secondes en Javascript. Dans l’exemple ci-dessous nous allons voir comment afficher div1 après 15 seconde et afficher div2 après 30 secondes.
 
 

Script pour afficher une DIV pendant X secondes
<html>
   <body>
    <div id="div1" style="visibility: hidden">
        Afficher Div 1 après 15 seconde.
    </div>
    <div id="div2" style="visibility: hidden">
        Afficher Div 2 après 30 seconde.
    </div>
   </body>
   <script type="text/javascript">
    function showDiv1() {
      document.getElementById("div1").style.visibility = "visible";
    }
    setTimeout("showDiv1()", 15000); // aprés 15 sec

    function showDiv2() {
      document.getElementById("div2").style.visibility = "visible";
    }
    setTimeout("showDiv2()", 30000); // aprés 30 secs
   </script>
</html>
Résultat
QCM Javascript

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *