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 10 seconde et afficher div2 après 20 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 JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

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