比較時間給每個李與當前時間

我想檢查當前時間是小於或等於特定區間

問題到底出在給定的時間？

我想爲沒有頁面刷新的每個li設置計時器，以檢查時間是否等於當前時間，或者跨度中給定的時間是否小於2秒，與當前時間相比。我不確定有什麼好的做法來檢查這個個人李？

的Html

<ul> 
    <li> 
     <span class="hidden time">December 3 2015 21:58:00 UTC-0800</span> 
    </li> 
    <li> 
     <span class="hidden time">December 12 2015 15:00:00 UTC-0800</span> 
    </li> 
</ul>

來源

2015-12-04 Pankaj

有在小提琴PLS錯誤修復它 – guradio

您還沒有JS在你的提琴。 –

如果包含將會有另一個錯誤功能時刻未定義 – guradio

一個計數器會做就好了。您希望將時間間隔設置爲少於2秒的時間，並且在每個時間間隔內使用jQuery .filter()方法來查看是否有滿足條件的時間，然後添加該類。

$(function() { 
 
    var timer = setInterval(function() { 
 
     var ts = Date.now(); 
 
     $('.current').text(new Date(ts)); 
 
     $('ul > li > .hidden.time').filter(function() { 
 
      var thisTime = new Date($(this).text().trim()); 
 
      return thisTime - ts <= 2000; 
 
     }) 
 
     .addClass('active'); 
 
    }, 1000); 
 
});

.active { 
 
    background: black; 
 
    color: yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div> 
 
    Current Time: <span class="current"></span> 
 
</div> 
 
<ul> 
 
    <li> 
 
     <span class="hidden time">December 3 2015 21:58:00 UTC-0800</span> 
 
    </li> 
 
    <li> 
 
     <span class="hidden time">December 12 2015 15:00:00 UTC-0800</span> 
 
    </li> 
 
</ul>

來源

2015-12-04 06:59:45 PeterKA

比較時間給每個李與當前時間

回答

相關問題