25DAY / Java Script 함수
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>template</title>
<link href="./_common/css/style.css" rel="stylesheet" type="text/css">
<script>
var countdown = function(goal){
var now = new Date();
var s = goal.getTime()-now.getTime();
var h = Math.floor(s/1000/60/60)%24;
var d = Math.floor(s/1000/60/60/24);
var m = Math.floor(s/1000/60)%60;
var result = document.getElementById("result");
result.textContent =d+"일"+h+"시간"+m+"분"+s+"초 남았습니다.";
};
var endDay = new Date();
endDay.setFullYear(2017);
endDay.setMonth(9);
endDay.setDate(13);
endDay.setHours(17);
endDay.setMinutes(30);
window.addEventListener("load", function() {
setInterval(function(){
countdown(endDay);
},1000);
}, capture)
</script>
</head>
<body>
<!-- header-contents begin -->
<header>
<div class="header-contents">
<h1>제목</h1>
<h2>부제목</h2>
</div>
</header>
<!-- header-contents end -->
<div class="main-wrapper">
<section>
<span id = "result">
</span>
본문 내용
</section>
</div>
<!-- footer-contents begin -->
<footer>
꼬리글 내용
</footer>
<!-- footer-contents end -->
</body>
</html>
Java Script function
getTime() 메서드
시간 값을 밀리초 단위로 가져온다.
초 : ÷1000
분 : 초 ÷ 60
시 : 분 ÷ 60
날짜 : 시 ÷ 24
입력한 년,월,일,시간을 기준으로 현재시간에서 얼마나 남았는지 화면에 띄워준다.
블로그 만들기 시초다지기
1)데이터베이스 생성
2)JSP생성
page1 index
page2 insert_form
page3 detail