使用Date對象和<input type =「time」>的數學運算>

Question

如何使來自Date對象的數據與來自HTML的字符串（「hh：mm」）數據之間的JS中的數學運算成爲可能？

代碼用於使用getHours，getMinutes和getSeconds方法從輸入時間字段到當前時間進行倒計時。或者最好使用其他標籤和/或方法？

Answer 1

如何使用jQuery插件爲了在從現場獲得數據後進行倒計時？看看http://keith-wood.name/countdown.html。

編輯：

我用下面的JS代碼，使http://jsfiddle.net/oxnmvhLc/2/：

function startCountdown(nowObj, timeObj) { 
    setInterval(function() { 
     var nowObj = new Date(); 
     if(nowObj > timeObj) { 
      timeObj.setDate(timeObj.getDate() + 1); 
     } 
     var difference = (timeObj - nowObj)/1000; 
     var seconds = Math.floor(difference % 60); 
     var minutes = Math.floor((difference/60) % 60); 
     var hours = Math.floor((difference/3600) % 24); 
     $('#countdown').html('There are ' + hours + ' hours, ' + minutes + ' minutes and ' + seconds + ' seconds.'); 
    }, 1000); 
} 

$('#btn').click(function() { 
    var time = $('#time').val().split(':'); 
    var nowObj = new Date(); 
    var timeObj = new Date(nowObj.getFullYear(), nowObj.getMonth(), nowObj.getDate(), time[0], time[1], 0, 0); 
    $('#countdown').html(''); 
    startCountdown(nowObj, timeObj); 
});