타이머가 0에 도달하면 요일을 삭제하는 방법은 무엇입니까? 타이머가 0에 도달되면

Question

$(document).ready(function() { 
 
    $(".countdown").circularCountdown({ 
 
    startDate: "2015/03/01 12:30:00", 
 
    endDate: "2017/11/26 17:15:30", 
 
    timeZone: +1, 
 
    }); 
 
});

<section id="multicolor" class="dark-wrapper multicolor"> 
 
     <div class="wrapper"> 
 
     <div class="countdown multicolor"></div> 
 
     </div> 
 
    </section>

어떻게 일 원을 삭제합니까?

는

같은 인수는 시간에도 적용하고 내 의견에, 당신은 아마 당신이 사용하고있는 API에 대한 RTFM 할 말했듯이

$(document).ready(function() { 
    $(".countdown").circularCountdown({ 
    startDate: "2015/03/01 12:30:00", 
    endDate: "2017/11/26 17:15:30", 
    timeZone: +1, 
    }); 
}); 

Answer 1

테일. 몇 가지 종류의 완료되지 않은 콜백이 있어야하며 카운트 다운이 완료되면 무언가를 할 수 있습니다. 필자는 잘 작성된 API를 사용하여 더 작은 규모의 타이머와 유사한 작업을 수행했습니다. complete : 콜백은 countdown div를 숨기고 다른 것을 보여줍니다.

약간의 연구를 통해 그들은 API가 있다고 말하면서 제품을 구입할 때 얻을 수 있습니다. 행운을 빌어 요. 말과 약간의 파고를하고

var countdown = $("#countdown").countdown360({ 
 
    radius: 60, 
 
    seconds: 10, 
 
    label: ['sec', 'secs'], 
 
    fontColor: '#FFFFFF', 
 
    autostart: false, 
 
    onComplete: function() { 
 
     console.log('done'); 
 
     $("#countdown").hide(); 
 
     $(".completed-countdown").show(); 
 
    } 
 
}); 
 

 
countdown.start(); 
 

 
$('#countdown').click(function() { 
 
    countdown.extendTimer(2); 
 
});

.completed-countdown { 
 
    display:none; 
 
} 
 
.completed-countdown img { 
 
    width: 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgithub.com/johnschult/jquery.countdown360/master/dist/jquery.countdown360.min.js"></script> 
 
<div id="countdown"></div> 
 
<div class="completed-countdown"> 
 
<img src="https://media.giphy.com/media/l41m2ufxcKGSFGV8I/giphy.gif" /> 
 
</div>

, 그것은 onFinish 호출되는 콜백 것 같습니다. 그럼 당신은 갈 수도 :

$(document).ready(function() { 
    $(".countdown").circularCountdown({ 
     startDate: "2015/03/01 12:30:00", 
     endDate: "2017/11/26 17:15:30", 
     timeZone: +1, 
     onFinish: function(){ 
      $(".countdown").hide(); 
     } 
    }); 
});