썩구노트
[Javascript] 남은 시간 보여주기 본문
setTimeout 을 이용한 이벤트 남은 시간 보여주기
<html>
<head>
<title>이벤트 남은 시간 카운트다운</title>
<meta http-equiv='Content-Type' content='text/html;charset=euc-kr'>
<style type="text/css">
<!--
body {font-size: 9pt; font-family: 돋움,Arial; color: #58595B;}
-->
</style>
<script language='JavaScript'>
<!--
var timerID = null;
var timerRunning = false;
function stopclock () {
if(timerRunning) clearTimeout(timerID);
timerRunning = false;
}
function startclock () {
stopclock();
showtime();
}
function showtime() {
now = new Date();
var CurHour = now.getHours();
var CurMinute = now.getMinutes();
var CurMonth = now.getMonth();
var CurDate = now.getDate();
var CurSecond = now.getSeconds();
var Hourleft = 23 - CurHour
var Minuteleft = 59 - CurMinute
var Secondleft = 59 - CurSecond
var Monthleft = 5 - CurMonth
var Dateleft = 20 - CurDate
var obj = document.getElementById('left_time');
event_day = new Date(2012,5,20,23,59,59)
if((event_day.getTime() - now.getTime()) > 0){
var leftStr = "<div>남은시간 : ";
if(Dateleft > 0) leftStr += "<b>"+Dateleft+"</b>일 ";
if(Hourleft > 0) leftStr += "<b>"+Hourleft+"</b>시간 ";
if(Minuteleft > 0) leftStr += "<b>"+Minuteleft+"</b>분 ";
leftStr += "<b>"+Secondleft+"</b>초</div>";
obj.innerHTML = leftStr;
}
else obj.innerHTML = '<div>판매가 종료되었습니다</div>';
now = null;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
//-->
</script>
</head>
<body bgcolor='#FFFFFF' onLoad="startclock();">
<div id='left_time'></div>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| HTML을 지원하는 Excel과 Word (0) | 2016.12.28 |
|---|---|
| jsoup을 활용해서 Java에서 HTML 파싱하는 방법 정리 (0) | 2016.12.28 |
| [Javascript] 정규식으로 이메일 형식 체크하기 (0) | 2016.12.01 |
| Ajax를 이용한 데이터 조회시 로딩 로딩 이미지 보이기(jquery이용) (0) | 2016.11.23 |
| 자바 스크립트 날짜 Format 변경 (0) | 2016.11.11 |