jQuery 특정 시간에서 카운트 다운

Question

누군가가 특정 시간에서 카운트 다운 타이머를 설정하는 방법을 알고 있습니다. 지금까지이 코드가 있습니다. 하지만 자정부터 자정까지 계산됩니다. 11 시부 터 11 시까 지 카운트 다운하겠습니다.

<script> 
     setInterval(function time() { 
     var d = new Date(); 
     var hours = 24 - d.getHours(); 
     var min = 60 - d.getMinutes(); 
     if ((min + '').length == 1) { 
     min = '0' + min; 
     } 
     var sec = 59 - d.getSeconds(); 
     if ((sec + '').length == 1) { 
     sec = '0' + sec; 
     } 
     jQuery('#the-final-countdown p').html(hours + ':' + min + ':' + sec) 
     }, 1000); 
    </script> 

Answer 1

아래 코드에서 카운트 다운하고 JS 코드가 작업을 수행 할 때 언제든지 작성할 수 있습니다. 여기

는 DEMO

HTML

<input id="hr" placeholder="hr" type="text"> 
<input id="mn" placeholder="mn" type="text"> 
<input id="sc" placeholder="sc" type="text"> 
<button id="start"> 
    Start 
</button> 
<br> 
<br> 
<span id="timerhr"></span>:<span id="timermn"></span>:<span id="timersc"></span> 

JS에게 정보를

$(document).ready(function(){ 
    var hr; 
    var mn; 
    var sc; 
    var thr; 
    var tmn; 
    var tsc; 
    $('#start').click(function(){ 
    hr = $('#hr').val(); 
    mn = $('#mn').val(); 
    sc = $('#sc').val(); 
    if(hr == ""){ 
     hr = 0; 
    } 
    if(mn == ""){ 
     mn = 0; 
    } 
    if(sc == ""){ 
     sc = 0; 
    } 
    parseInt(hr); 
    parseInt(mn); 
    parseInt(sc); 

    hr = hr*3600; 
    mn = mn*60 
    sc = hr + mn + sc; 
    start(sc); 
    }); 
}); 
function start(e){ 
    var interv = setInterval(function(){ 
    thr = e/3600; 
    thr = Math.floor(thr); 
    $('#timerhr').text(thr); 
    tmn = (e%3600)/60; 
    tmn = Math.floor(tmn); 
    $('#timermn').text(tmn); 
    tsc = e-(thr*3600+tmn*60); 
    $('#timersc').text(tsc); 
    e--; 
    if(e < 0){ 
    clearInterval(interv); 
    } 
    },1000); 
}