kkl / Probability Death

Go to a project
Toggle navigation Toggle navigation pinning
이승규
2690ddc4 1 parent ab48f5be

새로운 페이지 업데이트

Inline Side-by-side
Showing 2 changed files with 122 additions and 17 deletions
<!DOCTYPE html>
<head>
<link href="https://fonts.googleapis.com/css?family=Nanum+Brush+Script&amp;subset=korean" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Yeon+Sung&amp;subset=korean" rel="stylesheet" />
......@@ -13,6 +14,17 @@
body {
margin: 0;
padding: 0;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
width : 100%;
font-size: 3.0em;
line-height: 3.0em;
font-weight : bold;
font-family: Yeon Sung;
text-align:center;
color: white;
/* background: linear-gradient( to bottom, #65799B, rgb(38, 14, 41) ); */
/* background-color:#65799B; */
......@@ -20,6 +32,17 @@
background-repeat: no-repeat;
background-size: cover; */
}
#center_top1 {position:absolute; top:50px; left:550px; height :25%; overflow:hidden; }
#center_top2 {position:absolute; top:200px; left:600px; height :25%; overflow:hidden;}
#center_top3 {position:absolute; top:350px; left:500px; height :25%; overflow:hidden;}
#center_top4 {position:absolute; top:500px; left:670px; height :25%; overflow:hidden; }
#banner {
position: absolute;
top: 0;
......@@ -29,21 +52,45 @@
</style>
</head>
<body>
<img src="images/background.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%"width="50%" height="100%">
<div class="menu">
<a id ="home">Home</a>
<a id ="paris">Paris</a>
<a id ="seoul">Seoul</a>
<a id ="tokyo">Tokyo</a>
</div>
<img src="images/indexWallpaper.jpg" alt="" style="z-index:-1; min-width: 100%; min-height: 100%"width="50%" height="100%">
<div id = "center_top1">
(사용자정보) 님은
</div>
<div id = "center_top2">
<div id = "timerTxt"></div>
</div>
<div id = "center_top3">
(사고 요인)로 인해 사망
</div>
<div id = "center_top4">
합니다.
</div>
<script type = "text/javascript">
var timerId;
var timerSec = 3;
window.onload = function(){
timerId = setInterval('timer()', 1000);
}
function timer(){
var min = Math.floor(timerSec / 60)
var sec = timerSec % 60;
var hour = Math.floor(timerSec / 3600)
var msg = (hour < 10 ? "0" + hour : hour) + ":" + (min < 10 ? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec);
timerSec--;
if (timerSec < 0){ // time end
clearInterval(timerId);
}
document.getElementById("timerTxt").innerHTML = msg ;
}
</script>
</body>
<img id ="photo" src="../image/home.png" width="50%" height="50%">
<script
src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous"></script>
<script src="../js/kts.js"type="text/javascript"></script>
</body>
\ No newline at end of file
......
<!DOCTYPE html>
<html>
<head>
<style type = "text/css">
body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; width : 100%; font-size: 3.0em; line-height: 3.0em; font-weight : bold; font-family: Yeon Sung; text-align:center; color:white; background-image:url(../public/images/indexWallpaper.jpg); }
#center_top1 {position:absolute; top:50px; left:550px; height :25%; overflow:hidden; }
#center_top2 {position:absolute; top:200px; left:600px; height :25%; overflow:hidden;}
#center_top3 {position:absolute; top:350px; left:500px; height :25%; overflow:hidden;}
#center_top4 {position:absolute; top:500px; left:670px; height :25%; overflow:hidden; }
</style>
</head>
<body>
<div id = "center_top1">
(사용자정보) 님은
</div>
<div id = "center_top2">
<div id = "timerTxt"></div>
</div>
<div id = "center_top3">
(사고 요인)로 인해 사망
</div>
<div id = "center_top4">
합니다.
</div>
<script type = "text/javascript">
var timerId;
var timerSec = 3;
window.onload = function(){
timerId = setInterval('timer()', 1000);
}
function timer(){
var min = Math.floor(timerSec / 60)
var sec = timerSec % 60;
var hour = Math.floor(timerSec / 3600)
var msg = (hour < 10 ? "0" + hour : hour) + ":" + (min < 10 ? "0" + min : min) + ":" + (sec < 10 ? "0" + sec : sec);
timerSec--;
if (timerSec < 0){ // time end
clearInterval(timerId);
}
document.getElementById("timerTxt").innerHTML = msg ;
}
</script>
</body>
</html>
\ No newline at end of file