자바스크립트 시간 카운트 - jabaseukeulibteu sigan kaunteu

Question

day = math.floor

1000*60*60*24이렇게 쓰기 귀찮아서

그냥..짜봤어요..누군가 필요할 수도 있을거란 생각에 공유드립니다

https://codepen.io/derrickmckeown/pen/KLDhk?css-preprocessor=sass

위 코드펜 참고해서 만들엇는데 시와 분이 반올림이 안되어있어서

수정해놨어요

마크업도 별도로해놨으니..CSS는 꾸미시면 되실거라..


<style>
    @import url(https://fonts.googleapis.com/css?family=Lato:100,400);
    #the-final-countdown {
      background: #333;
      font-family: 'Lato', sans-serif;
      text-align: center;
      color: #eee;
      text-shadow: 1px 1px 5px black;
      padding: 1rem 0;
      font-size: 3rem;
      border: 1px solid #000;
    }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="the-final-countdown">
  <p></p>
</div>
<script>
    setInterval(function time(){
      //시간 초기화
      var d = new Date();
      var hours = 24 - d.getHours();
      var min = 60 - d.getMinutes();
      var sec = 60 - d.getSeconds();
      //분이 있으면 시 반올림
      if(min =='00'){
          hours = 24 - d.getHours();
        }else{
          hours = 23 - d.getHours();
      }
      //초가 있으면 분 반올림        
      if(sec =='00'){
          min = 60 - d.getMinutes();
        }else{
          min = 59 - d.getMinutes();
      }
      //1자리수라면 0을 붙혀라
      if((hours + '').length == 1){
        hours = '0' + hours;
      }
      if((min + '').length == 1){
        min = '0' + min;
      }
      if((sec + '').length == 1){
        sec = '0' + sec;
      }
      //날짜를 표기하고 딜레이는 1초(1000)마다 바뀌겠금
      jQuery('#the-final-countdown p').html
          ('<span class="t_hour">'+hours+'</span>'+
           '<span class="t_colon">:</span>'+
           '<span class="t_min">'+min+'</span>'+
           '<span class="t_colon">:</span>'+
           '<span class="t_sec">'+sec+'</span>')
    }, 1000);
</script>

function flowtime(){

chantime_m = setTimeout("timebar_m()", 1000);

}

function timebar_m(){

var ti = document.all.timebox_m.value;

ti = ti - 1;

if(ti < 1){

document.all.result_m.value = "end count";

}else{

var sec = ti % 60;

var min = (ti - sec) / 60;

window.document.all.sec_m.value = sec;

window.document.all.min_m.value = min;

window.document.all.timebox_m.value = ti;

chantime = setTimeout("timebar_m()", 1000);

}

function cleartime(){

clearTimeout(chantime_m);

}

flowtime();

</script>

<body>

</body>

자바스크립트 남은시간 타이머 Html 타이머 예제 자바 시간 카운트 자바스크립트 카운트다운 타이머 자바스크립트 10초 카운트다운 html 카운트다운 타이머 남은 시간 카운트

자바스크립트 시간 카운트 - jabaseukeulibteu sigan kaunteu

관련 게시물

자바스크립트 날짜 출력 - jabaseukeulibteu naljja chullyeog

모바일 터치 이벤트 - mobail teochi ibenteu

애플워치 기본앱 복구 - aepeul-wochi gibon-aeb boggu

자바스크립트 로컬시간 - jabaseukeulibteu lokeolsigan

드롭 다운 제이 쿼리 - deulob daun jei kwoli

자바 숫자 를 문자 로 - jaba susja leul munja lo

광고하는

최근 소식

혼다어코드 보험료 - honda-eokodeu boheomlyo

인퀴 지션 도안 모드 - inkwi jisyeon doan modeu

잘 살아라 그게 최고의 복수다 ebook - jal sal-ala geuge choegoui bogsuda ebook

포토샵 레이어 클릭 안됨 - potosyab leieo keullig andoem

갤럭시 탭 S6 공장 초기화 - gaelleogsi taeb S6 gongjang chogihwa

불성 애드온 모음 - bulseong aedeuon mo-eum

자이스토리 1-2 답지 해설 - jaiseutoli 1-2 dabji haeseol

디즈니 플러스 정지 - dijeuni peulleoseu jeongji

로아 레일리 커마 - loa leilli keoma

국내 이륜차 시장 규모 - gugnae ilyuncha sijang gyumo

광고하는

포퓰러

광고하는

에 대한

합법적인

돕다

사회의