javascript - jQuery 时间以前

Question

我在如何为我的网站更新帖子中的 session 记录时遇到了一些麻烦。

假设我有这个:

<small>posted <span class="updateMinutes">20 minutes </span> ago</small>
<small>posted <span class="updateMinutes">33 minutes </span> ago</small>

我正在尝试更新跨度内的分钟数。我遇到的问题是只有一个 span 得到更新，而另一个没有。我的 jquery 代码如下:

setInterval(function(){
            var minute = $('.updateMinutes').text().match(/\d+/);
            $('.updateMinutes').html((parseInt(minute[0]) + 1).toString() + ' minutes');
 }, 60000);

我也在阅读 jquery 的 .each() 方法，但我不确定在这种情况下我将如何实现它以及它是否是一个可行的解决方案。我在使用 .each() 时尝试的代码:

setInterval(function(){
        $('.updateMinutes').each(function(){
            var minute = $('.updateMinutes').text().match(/\d+/);
            $('.updateMinutes').html((parseInt(minute[0]) + 1).toString() + ' minutes');
        });
 }, 60000);

非常感谢任何帮助!谢谢。

Answer 1

主要问题是没有在您的each 中引用this。将选择器更改为 $(this) 将修复它。

注意:您不需要each，因为html() 可以采用为每个元素返回字符串的函数:

setInterval(function () {
    $('.updateMinutes').html(function () {
        var minute = $(this).text().match(/\d+/);
        return (parseInt(minute[0]) + 1).toString() + ' minutes';
    });
}, 60000);

JSFIddle:http://jsfiddle.net/TrueBlueAussie/u707zkxo/1/

注意:间隔中耗时不可靠，因此您最好在呈现页面时记录“现在”，并显示从那时起经过的秒数。