javascript - 根据当前时间选择最近的日期

Question

我有一个全天时间列表，希望根据与当前时间的接近程度来选择时间。

now = 11:18; 
$(function(){
	
})

.selected{
  font-weight:bold;
}

<li class="selected">11:00</li>
<li>11:30</li>
<li>12:00</li>
<li>12:30</li>
<li>1:00</li>
<li>1:30</li>
<li>2:30</li>
<li>3:00</li>

^ 列表中的选定时间现在应该切换到 11:30，因为它不再接近 11:00。

我被困在某个地方，我知道我应该让时间不同并除以 2，但不知道如何继续。

Answer 1

还有另一种方法

var now = "12:18";

$(function() {
    var els    = $('ul li'),
	times  = els.map(function() { return $(this).text() }).get(),
    	diff   = Infinity, i = 0
    
    times.forEach(function(time, index) {
    	var a1 = now.split(':');
    	var d1 = new Date(2015, 1, 1, a1[0], a1[1]);
        var a2 = time.split(':');
        var d2 = new Date(2015, 1, 1, a2[0], a2[1]);
        var d  = Math.abs(d1-d2);
        
        if ( d < diff ) {
        	diff = d; i = index;
        }
    });
    
    els.eq(i).addClass('selected').siblings().removeClass('selected')
});

.selected {
    font-weight: bold;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
    <li>11:00</li>
    <li>11:30</li>
    <li>12:00</li>
    <li>12:30</li>
    <li>1:00</li>
    <li>1:30</li>
    <li>2:30</li>
    <li>3:00</li>
</ul>