Code d'un compte à rebours + redirrection

pfdp0 Messages postés 168 Date d'inscription   Statut Membre Dernière intervention   -  
 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
A voir également:

1 réponse

Réponse 1 / 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
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
ca a l'air fonctionnel, mais je te conseille l'utilisation de setInterval() pour ce genre d'usages
0
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