HTML/Compte à rebours

Aller à la navigation Aller à la recherche
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <xmeta http-equiv="refresh" content="5">	
    <title>Compte à rebours</title>
	<style>
	  h1 {background: grey; color: white; padding: .25em;}
	  footer {background: grey; color: white; margin: .5em 0; padding: 10px 5px; font-size: 1.5em;}
	  #compte_a_rebours {font-size: 2em;}
	</style>
  </head>
<body>
  <h1>Compte à rebours</h1>
  <div id="compte_a_rebours"></div>
  <footer>
    <p>Compte à rebours</p>
  </footer>
  <script type="text/javascript">
    var compte_a_rebours = document.getElementById("compte_a_rebours");
	function Rebour() {
      var datedujour = new Date();
      var datecible = new Date ("aug 7 17:00:00 2020");
      var sec = (datecible - datedujour) / 1000;
      var n = 24 * 3600;
      if (sec > 0) {
	    nbsec = Math.floor(sec);
        j = Math.floor (sec / n);
        h = Math.floor ((sec - (j * n)) / 3600);
        mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
        sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
        compte_a_rebours.innerHTML = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ==> " + nbsec + " s";
        //window.status = "Temps restant avant le jour J : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ==> " + nbsec;
        }
      tRebour=setTimeout ("Rebour();", 1000);
    }
Rebour();
</script>
</body>
</html>