比较每个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>