Skip to content
Snippets Groups Projects
Commit 3dc83ae2 authored by jan.bednarik's avatar jan.bednarik
Browse files

date update

parent 3db2c8f2
No related branches found
No related tags found
No related merge requests found
......@@ -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);
}
......
......@@ -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">&copy;</span>
<span>Piráti, 2022. Všechna práva vyhlazena.</span>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment