比較每個li給出的時間與當前時間

Question

這是什么意思？

我正在嘗試檢查當前時間是否小於或等於特定跨度中給定的時間

---

有什么問題？

我想為每個li設置計時器而無需刷新頁面，以檢查時間是否等於當前時間或span中給定的時間與當前時間相比是否小於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>

Answer 1

一個櫃台就可以了。 您可能希望將時間間隔設置為小於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>