Code d'un compte à rebours + redirrection

pfdp0 Messages postés 191 Statut Membre -  
 Utilisateur anonyme -
Bonjour,
j'aimerais avoir si possible le code d'un comte à rebours affiché avec redirection à la fin, j'ai cherché sur google mais il n'y avait pas ce que je cherchais...

Merci d'avance

1 réponse

  1. Utilisateur anonyme
     
    C'est bien parce que j'avais un peu de temps... ;-) 

    <!DOCTYPE html>
<html>
  <head>
  <title>Compte à rebours</title>
  <style>
    body, html { margin: 0; padding: 0; width: 100%; background-color: #ccc;}
    #timing { margin: 50px auto; font-size: 20em; text-shadow: 4px 4px 4px #dd4444; color: red; width: 20%; height: auto;}   
  </style>
  <script>
    var delay = 5;         // Délai souhaité ( en secondes )                  
    
    function rebours(){
      if(delay>=0){
        document.getElementById('timing').innerHTML = delay;
        delay--;
        setTimeout('rebours()', 1000);      
      }else{
        location.href = 'url_de_la_page_pour_redirection';
      }
    }
  </script>
  </head>
  <body onload="javascript:rebours();">                
    <div id="timing"></div>
  </body>
</html>

    1
    1. prosthetiks Messages postés 1309 Statut Membre 431
       
      ca a l'air fonctionnel, mais je te conseille l'utilisation de setInterval() pour ce genre d'usages
      0
    2. Utilisateur anonyme
       
      Pourquoi ? J'arrives pas trop à faire la différence, à part le clearInterval() en plus ?
      Par sécurité peut-être, pour éviter une boucle infinie ?
      0