Timer added

This commit is contained in:
2022-02-16 10:15:56 +01:00
parent cf16a7ebf0
commit 97a0ea5844
3 changed files with 24 additions and 1 deletions

View File

@@ -5,7 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" <link rel="stylesheet" href="style.css">
<script src="timer.js"></script>
<title>DSZC Beregszaszi</title> <title>DSZC Beregszaszi</title>
</head> </head>
<body> <body>

0
style.css Normal file
View File

22
timer.js Normal file
View File

@@ -0,0 +1,22 @@
function updateTimer(){
future = Date.parse("feb 22, 2022 14:00:00");
now = new Date();
diff = future - now;
days = Math.floor(diff / (1000 * 60 * 60 * 24));
hours = Math.floor(diff / (1000 * 60 * 60));
mins = Math.floor(diff / (1000 * 60));
secs = Math.floor(diff / 1000);
d = days;
h = hours - days * 24;
m = mins - hours * 60;
s = secs - mins * 60;
document.getElementById("timer").innerHTML =
'<div>' + d + '<span>Nap</span></div>' +
'<div>' + h + '<span>Ora</span></div>' +
'<div>' + m + '<span>Perc</span></div>' +
'<div>' + s + '<span>Masodperc</span></div>';
}
setInterval('updateTimer()', 1000);