-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (101 loc) · 3.82 KB
/
index.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<html>
<head>
<meta charset="utf-8">
<title>YaZa Timer</title>
<style>
/* @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Noto+Sans+KR:wght@900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@900&family=Song+Myung&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Noto+Sans+KR:wght@900&display=swap');
body {
text-align: center;
}
a {
text-align: center;
font-size: 120px;
font-family: 'Noto Sans KR', sans-serif;
color: #4790FF;
padding: 0px;
margin: 0px;
}
p{
/* font-family: 'Dancing Script', cursive; */
font-family: 'Nanum Myeongjo', serif;
text-align: center;
font-size: 250px;
color: black;
padding: 0px;
margin: 0px;
}
</style>
</head>
<body>
<br><br><br><br><br><br><br><br>
<!-- <a style="color: black; font-size: 25px;">심자 종료 시간까지</a><br> -->
<a id="second_fin">00:00:00.000000</a><br><br><br>
<p style="font-size: 80px;">지잡대에서 널 기다린다</p>
<p style="font-size: 80px;">딴짓말고 공부하자</p><br>
<!-- <p style="font-size: 50px;">No pain, No gain</p> -->
<p style="font-size: 60px;">-지잡대 총장-</p>
<!-- <a style="color: gray; font-size: 25px;">남았습니다</a><br> -->
<script>
var abc;
setInterval(function(){
console.log("hi");
abc = new Date();
console.log(abc);
document.getElementById("second_fin").innerHTML = String(abc.getHours()).padStart(2,'0') + ':';
document.getElementById("second_fin").innerHTML += String(abc.getMinutes()).padStart(2,'0') + ':';
document.getElementById("second_fin").innerHTML += String(abc.getSeconds()).padStart(2,'0') + '.';
document.getElementById("second_fin").innerHTML += String(abc.getMilliseconds()).padStart(3,'0');
},1);
setTimeout(function(){
location.reload();
},60000);
// 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 + " " + "10:20:27"
// var firsts = m + "/" + d + "/" + y + " " + "20:20:27"
// var second = m + "/" + d + "/" + y + " " + "21:10:27"
// var third = m + "/" + d + "/" + y + " " + "01:50:00"
// 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>