-3
votes

Comment montrer un DIV pendant 10 secondes et la cacher après?

J'essaie de créer un DIV qui sera masqué après 10 secondes du chargement de la page, est-il possible d'être effectué en PHP ou JavaScript.

Exemple de code: P>

<html>
<head></head>
<body>
<div class="LOADING" id="LOADING" name="LOADING"></div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU"></div>
</body>
</html>

javascript html css

0 commentaires

3 Réponses :

2
votes

Oui, c'est possible.

<html>
<head></head>
<body>
<div class="LOADING" id="LOADING" name="LOADING">LOADING</div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU">HOME_MENU</div>
<script>
    setTimeout(function(){
        document.getElementById('LOADING').style.display = 'none';
    }, 10000); // 10000ms = 10s
</script>
</body>
</html>

1 commentaires

Oui ça marche

0
votes

Ceci est fait avec JavaScript. Vous pouvez ajouter un script qui définit un délai pour masquer la DIV après un certain nombre de secondes.

<html>
<head></head>
<body>
<div class="LOADING" id="LOADING" name="LOADING"></div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU"></div>


<script>
// Get the element by id using javascript
var divElement = document.getElementById('LOADING');

  // after 10 seconds (10 000 milliseconds), execute the function to hide it
  setTimeOut(function () {
     // hide the divElement. There are a couple of ways. In this case, let's
     // just give it a display of none
     divElement.style.display = 'none'
  }, 10000);

</script>

</body>
</html>

0 commentaires

1
votes

Je le ferais avec un surlonnage sur le corps - qui se déclenche à l'auto-déclenchée une sécurité et commence lorsque la page est chargée.

<html>
<head></head>
<body onload="hideLoadingDiv()">
<div class="LOADING" id="LOADING" name="LOADING">Loading</div>
<div class="HOME_MENU" id="HOME_MENU" name="HOME_MENU">Menu</div>
</body>
</html>

0 commentaires