메뉴 건너뛰기

2016.12.22 11:28

시간 카운트

조회 수 4434 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>




<script language="javascript">




$(document).ready(function(){
 //초기값
 var hour = 12;
 var minute = 00;
 var second = 2;
 
 // 초기화
 $(".countTimeHour").html(hour);
 $(".countTimeMinute").html(minute);
 $(".countTimeSecond").html(second);
 
 var timer = setInterval(function () {
  // 설정
  $(".countTimeHour").html(hour);
  $(".countTimeMinute").html(minute);
  $(".countTimeSecond").html(second);
  
  if(second == 0 && minute == 0 && hour == 0){
   alert('타이머 종료.');
   clearInterval(timer); /* 타이머 종료 */
  }else{
   second--;
   if(second<10){
    $(".countTimeSecond").html('0' + second);
   }
  
   // 분처리
   if(second == 0){
    minute--;
    second = 59;
   }
   if(minute<10){
    $(".countTimeMinute").html('0' + minute);
   }
   
   //시간처리
   if(minute == 0){
    if(hour > 0){
     hour--;
     minute = 59;
    }    
   }
   if(hour<10){
    $(".countTimeHour").html('0' + hour);
   }
  }
 }, 1000); /* millisecond 단위의 인터벌 */
});




</script>

</head>

<body>

 <div>

  <strong>시간 카운트</strong>

  <span class="countTimeHour">60</span>시

  <span class="countTimeMinute">60</span>분

  <span class="countTimeSecond">60</span>초

 </div>

</body>

</html>

List of Articles
번호 제목 날짜 조회 수
» 시간 카운트 2016.12.22 4434
53 디자인 셀렉트 박스 & CSS 2016.12.22 4340
52 흐르는 배너 만들기2 2016.12.22 4856
51 bxslider 멈춤현상 2016.12.22 5840
50 jquery 플러그인 링크 모음 2016.12.22 4744
49 html 테이블 고정 (table fixed) 2016.11.17 4529
48 이미지 클릭 손 (cursor:pointer) 2016.11.17 4621
47 jQuery Selector (셀렉터) 2016.11.17 4308
46 날짜 검색 범위 정하기 (jquery) file 2016.11.17 4321
45 jQuery 날짜 비교 (날짜비교) 2016.11.17 5864
44 jQuery 카테고리 선택에 따른 하위 카테고리 변경 (selecbox) file 2016.11.17 4407
43 jquery radio checked (라디오 버튼 값으로 선택), 검색 조건 초기 셋팅 2016.11.17 6015
42 jquery 뒤로가기 2016.11.17 4163
41 jQuery tr 추가 (입력창 추가), jQuery 테이블 행 추가/삭제, selector last name 2016.11.17 5013
40 jQuery, JavaScript 새로고침(reload) 2016.11.17 4347
39 jquery enter key event submit (jquery 엔터키 이벤트) 2016.11.17 4337
38 Table을 DIV로 표현하기 (예제) file 2016.11.17 4595
37 Html 색상표 모음, 색상코드표 (RGB), 이미지X, 복사 가능 file 2016.11.17 4686
36 jquery 글자 byte, 문자열 byte(바이트) 길이 체크하기 예제 2016.11.17 4817
35 jquery 라디오버튼 선택 확인, 체크박스 선택 확인, 셀렉트박스 선택 확인 2016.11.17 4653
Board Pagination Prev 1 2 3 4 5 Next
/ 5

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved