Skip to content

Commit 6d167ae

Browse files
author
Martin Eggesvik
committed
Add countdown for Sykehuset i Østfold and Sykehuset Innlandet
1 parent fdf7965 commit 6d167ae

File tree

2 files changed

+214
-0
lines changed

2 files changed

+214
-0
lines changed

‎siinn.html‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
<html lang="nb">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'>
6+
<style>
7+
img
8+
{
9+
display: inline-block;
10+
}
11+
12+
.image-container {
13+
text-align: center;
14+
}
15+
16+
.dips-logo {
17+
width: 45%;
18+
margin-right: 5%;
19+
}
20+
21+
22+
html, body
23+
{
24+
height: 100%;
25+
}
26+
27+
html
28+
{
29+
display: table;
30+
margin: auto;
31+
}
32+
33+
body
34+
{
35+
display: table-cell;
36+
vertical-align: middle;
37+
}
38+
39+
.head
40+
{
41+
text-align: center;
42+
font-weight: bold;
43+
font-family: 'Open Sans';
44+
color: #343434; font-size: 4vw;
45+
}
46+
47+
.time
48+
{
49+
text-align: center;
50+
font-weight: normal;
51+
font-family: 'Open Sans';
52+
color: #343434; font-size: 4vw;
53+
}
54+
55+
</style>
56+
</head>
57+
<body style="background-color:#F8F8F8;">
58+
<div class="content">
59+
<div class="image-container">
60+
<img class="dips-logo" src="images/DIPS_ArenaLogo.png" />
61+
</div>
62+
<h3 id="hcountdown" class="head">DIPS Arena tas i bruk ved Sykehuset Innlandet</h3>
63+
<h3 id="tcountdown" class="time" ></h3>
64+
</div>
65+
<script>
66+
67+
var func = function(n1, n2, time, onFinishedName, x)
68+
{
69+
var now = new Date().getTime();
70+
71+
var distance = time - now;
72+
73+
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
74+
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
75+
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
76+
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
77+
78+
var txt = "";
79+
if(days > 0) txt += days + " dager ";
80+
if(hours > 0) txt += hours + " timer ";
81+
if(minutes > 0) txt += minutes + " minutter "
82+
txt += seconds + " sekunder ";
83+
84+
if (distance < 0) {
85+
if(x){
86+
clearInterval(x);
87+
}
88+
document.getElementById(n2).innerHTML = ""
89+
document.getElementById(n1).innerHTML = onFinishedName;
90+
}else{
91+
document.getElementById(n2).innerHTML = txt;
92+
document.getElementById(n1).innerHTML = onFinishedName + " om";
93+
}
94+
};
95+
96+
var setup = function(letter, time){
97+
var fallback = document.getElementById("h"+letter).innerHTML;
98+
var x = setInterval(func, 1000, "h"+letter, "t"+letter, time, fallback, x);
99+
func("h"+letter, "t"+letter, time, fallback, x);
100+
}
101+
102+
var targetDate = new Date("May 24, 2025 08:00:00").getTime();
103+
104+
setup("countdown", targetDate);
105+
</script>
106+
</body>
107+
</html>

‎siost.html‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
<html lang="nb">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'>
6+
<style>
7+
img
8+
{
9+
display: inline-block;
10+
}
11+
12+
.image-container {
13+
text-align: center;
14+
}
15+
16+
.dips-logo {
17+
width: 45%;
18+
margin-right: 5%;
19+
}
20+
21+
22+
html, body
23+
{
24+
height: 100%;
25+
}
26+
27+
html
28+
{
29+
display: table;
30+
margin: auto;
31+
}
32+
33+
body
34+
{
35+
display: table-cell;
36+
vertical-align: middle;
37+
}
38+
39+
.head
40+
{
41+
text-align: center;
42+
font-weight: bold;
43+
font-family: 'Open Sans';
44+
color: #343434; font-size: 4vw;
45+
}
46+
47+
.time
48+
{
49+
text-align: center;
50+
font-weight: normal;
51+
font-family: 'Open Sans';
52+
color: #343434; font-size: 4vw;
53+
}
54+
55+
</style>
56+
</head>
57+
<body style="background-color:#F8F8F8;">
58+
<div class="content">
59+
<div class="image-container">
60+
<img class="dips-logo" src="images/DIPS_ArenaLogo.png" />
61+
</div>
62+
<h3 id="hcountdown" class="head">DIPS Arena tas i bruk ved Sykehuset i Østfold</h3>
63+
<h3 id="tcountdown" class="time" ></h3>
64+
</div>
65+
<script>
66+
67+
var func = function(n1, n2, time, onFinishedName, x)
68+
{
69+
var now = new Date().getTime();
70+
71+
var distance = time - now;
72+
73+
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
74+
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
75+
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
76+
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
77+
78+
var txt = "";
79+
if(days > 0) txt += days + " dager ";
80+
if(hours > 0) txt += hours + " timer ";
81+
if(minutes > 0) txt += minutes + " minutter "
82+
txt += seconds + " sekunder ";
83+
84+
if (distance < 0) {
85+
if(x){
86+
clearInterval(x);
87+
}
88+
document.getElementById(n2).innerHTML = ""
89+
document.getElementById(n1).innerHTML = onFinishedName;
90+
}else{
91+
document.getElementById(n2).innerHTML = txt;
92+
document.getElementById(n1).innerHTML = onFinishedName + " om";
93+
}
94+
};
95+
96+
var setup = function(letter, time){
97+
var fallback = document.getElementById("h"+letter).innerHTML;
98+
var x = setInterval(func, 1000, "h"+letter, "t"+letter, time, fallback, x);
99+
func("h"+letter, "t"+letter, time, fallback, x);
100+
}
101+
102+
var targetDate = new Date("April 26, 2025 08:00:00").getTime();
103+
104+
setup("countdown", targetDate);
105+
</script>
106+
</body>
107+
</html>

0 commit comments

Comments
 (0)