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>