diff --git a/content/assets/js/timer.js b/content/assets/js/timer.js index dff1cfc8324ba3bd8429e15f4b15b6c3629b5c74..c22765c6362f40368f50ab86f10c61b3f681fb52 100644 --- a/content/assets/js/timer.js +++ b/content/assets/js/timer.js @@ -5,41 +5,41 @@ document.addEventListener( "DOMContentLoaded", function() { // Set the date we're counting down to - var countDownDate = new Date("Sep 9, 2022 12:00:00").getTime(); - + var countDownDate = new Date("Sep 16, 2022 12:00:00").getTime(); + function timer() { - + // Get today's date and time var now = new Date().getTime(); - + // Find the distance between now and the count down date var distance = countDownDate - now; - + // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); - + // Display the result in the element with id="timer" const element = document.getElementById("timer"); - + element.innerHTML = ( days + " dnĂ, " + hours + " hodin, " + minutes + " minut a " + seconds + " sekund" ); - + // If the count down is finished, write some text if (distance < 0) { clearInterval(timer); element.innerHTML = "Dnes to bude!"; } } - + timer(); - + // Update the count down every 1 second const timerInterval = setInterval(timer, 1000); } diff --git a/content/index.html b/content/index.html index 9e51ff35a5a9c2400ed859a5f2bf33a7dfe59e7c..fac1e15b66e84445cef4d0368d07174a4f1635d4 100644 --- a/content/index.html +++ b/content/index.html @@ -2,12 +2,12 @@ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - + <link rel="icon" href="assets/images/logo.png" > - + <link rel="stylesheet" href="assets/css/base.css" @@ -24,28 +24,28 @@ rel="stylesheet" href="assets/fonts/roboto-condensed/style.css" > - + <script src="assets/js/timer.js" type="text/javascript" ></script> - + <title>Chystáme to!</title> </head> <body> <main> <div id="content"> <h1 id="heading">Chystáme to!</h1> - + <p id="description"> - 9.9.2022 pĹ™edstavĂme dopadovou studii o regulaci konopĂ. + 16.9.2022 pĹ™edstavĂme dopadovou studii o regulaci konopĂ. </p> - + <p id="timer-wrapper"> ZbĂ˝vá <span id="timer"></span>. </p> </div> - + <div id="copyleft"> <span style="transform:scale(-1,1);display:inline-block">©</span> <span>Piráti, 2022. Všechna práva vyhlazena.</span>