Timer added
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
22
timer.js
Normal file
22
timer.js
Normal 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);
|
||||||
Reference in New Issue
Block a user