jQuery 페이지 카운트다운 및 리 셋 효과 구현

다음 코드 는 jquery 기반 페이지 카운트다운 과 새로 고침 효 과 를 공유 합 니 다.코드 는 다음 과 같 습 니 다.

var intDiff = parseInt(600);//       
    function timer(intDiff){
      window.setInterval(function(){
      var day=0,
        hour=0,
        minute=0,
        second=0;//         
      if(intDiff > 0){
        day = Math.floor(intDiff / (60 * 60 * 24));
        hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
        minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
        second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
      }else{//     ,    
        window.location.reload();
      }
      if (minute <= 9) minute = '0' + minute;
      if (second <= 9) second = '0' + second;
      $(".timeShow").html('       <font>'+minute+' '+second+'</font>   ,      : 10   ');
      intDiff--;
      }, 1000);
    } 
    $(function(){
      timer(intDiff);
    });

<span class="timeShow"></span>
위 에서 보 여 드 린 것 은 편집장 님 께 서 소개 해 주신 jQuery 가 페이지 카운트다운 과 새로 고침 효 과 를 실현 하 는 것 입 니 다.여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기