js 카운트다운 키 코드 구현

1584 단어 js카운트다운
우 리 는 자주 일부 전자상거래 사이트 에서 초읽기 카운트다운,더 블 11 카운트다운 을 볼 수 있다.사실 카운트다운 의 효과 도 매우 간단 하고 복잡 하지 않다.
먼저,쓰기 전에 반드시 생각 을 정리 하고 생각 이 뚜렷 해 야 한다.그러면 쓰기 가 훨씬 쉽다.다음 에 나 는 몇 가지 절 차 를 나 누 었 다.
1.현재 시간 을 가 져 오고 끝 날 시간 을 정의 합 니 다.
2.미래 시간 과 현재 시간의 차 이 를 구하 고 시간 분 초 를 구한다.
3.타이머 설정,1 초 당 시간 감소

var div = document.getElementsByTagName("div")[0];
      var timer = setInterval(timers, 1000);

      function timers() {
        //       
        var now = new Date();
        //          
        var future = new Date("2017/05/10");
        var time = future.getTime() - now.getTime();
        //       
        var day = parseInt(time / 24 / 60 / 60 / 1000);
        //       
        var hour = parseInt(time / 1000 / 60 / 60 % 24);
        //   
        var minute = parseInt(time / 1000 / 60 % 60);
        //   
        var sec = parseInt(time / 1000 % 60);
        if(time < 0) {
          div.innerHTML = "         00 00  00 00 000  ";
          clearInterval(timer);
          return;
        }
        //   :     10   ,     0
        div.innerHTML = "        " + (day < 10 ? ("0" + day) : day) + " " + (hour < 10 ? ("0" + hour) : hour) + "  " + (minute < 10 ? ("0" + minute) : minute) + " " + (sec < 10 ? ("0" + sec) : sec) + " ";
      }
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기