Timer added
This commit is contained in:
@@ -5,7 +5,8 @@
|
||||
<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">
|
||||
<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>
|
||||
</head>
|
||||
<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