使用Date对象和<input type =“time”/>进行数学运算

Question

如何在JS中使用数据操作来处理来自Date对象的数据和来自HTML的字符串（“hh：mm”）中的数据？

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