-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhihi.html
99 lines (86 loc) · 2.95 KB
/
hihi.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<html>
<head>
<meta charset="utf-8">
<title>YaZa Timer</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1&family=Noto+Sans+KR:wght@900&display=swap');
body {
text-align: center;
}
div {
text-align: center;
font-size: 50px;
font-family: 'Noto Sans KR', sans-serif;
color: gray;
}
</style>
</head>
<body>
<br><br>
<div style="color: black; font-size: 25px;">1차 야자 시작 시간까지</div>
<div style="color: rgb(244, 11, 126);" id="first_start"></div>
<div style="color: gray; font-size: 25px;">남았습니다</div>
<br>
<div style="color: black; font-size: 25px;">1차 야자 외출 시간까지</div>
<div style="color: rgb(244, 11, 126);" id="first_okay"></div>
<div style="color: gray; font-size: 25px;">남았습니다</div>
<br>
<div style="color: black; font-size: 25px;">1차 야자 종료 시간까지</div>
<div style="color: rgb(244, 11, 126);" id="first_fin"></div>
<div style="color: gray; font-size: 25px;">남았습니다</div>
<br><br><br><br>
<div style="color: black; font-size: 25px;">2차 야자 종료 시간까지</div>
<div style="color: rgb(244, 11, 126);" id="second_fin"></div>
<div style="color: gray; font-size: 25px;">남았습니다</div>
<script>
setTimeout(function(){
location.reload();
},600000);
var now = new Date(); //현재시간을 구한다.
var d = now.getDate()
var m = now.getMonth()
var y = now.getFullYear()
m = m + 1;
if (m < 10) {
m = "0" + m;
}
if (d < 10) {
d = "0" + d;
}
var start = m + "/" + d + "/" + y + " " + "07:50 PM"
var firsts = m + "/" + d + "/" + y + " " + "08:20 PM"
var second = m + "/" + d + "/" + y + " " + "09:10 PM"
var third = m + "/" + d + "/" + y + " " + "10:00 PM"
CountDownTimer(start, 'first_start');
CountDownTimer(firsts, 'first_okay');
CountDownTimer(second, 'first_fin');
CountDownTimer(third, 'second_fin');
function CountDownTimer(dt, id)
{
var end = new Date(dt);
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function showRemaining() {
var now = new Date();
var distance = end - now;
if (distance < 0) {
clearInterval(timer);
document.getElementById(id).innerHTML = '완료된 타이머입니다.';
return;
}
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
document.getElementById(id).innerHTML = hours + '시간 ';
document.getElementById(id).innerHTML += minutes + '분 ';
document.getElementById(id).innerHTML += seconds + '초';
}
timer = setInterval(showRemaining, 1000);
}
</script>
</body>
</html>