使用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); 
});