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 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

Laisser un commentaire

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