javascript - 通过刷新更新表

Question

我有一个 jquery 应用程序，其中包含一个表。该表有一个时间字段和一些数字字段。我想基本上每 3 秒增加一次值。所以我正在考虑创建一个函数，在其中增加数值并通过每 3 秒自动刷新一次的刷新函数调用它。

所以基本上最初的信息如下

Kobe Bryant 10:00 30 4 2

after 3 seconds it should be

Kobe Bryant 10:03 31 5 4

这是Fiddle我已经做了。

我无法做到这一点。我尝试创建一个函数，在其中增加表值并调用该函数

setInterval(updateFunction, 3000);

但没有运气。这就是我创建一个函数的想法。

var cell = $("#example");
var currentVal = parseInt(cell.text(), 10);
cell.text( currentVal + 1 );

谁能提供一些建议。我是 js 和 jquery 的新手，如果英语很难理解，我也很抱歉我可以澄清我的意思。

Answer 1

这里有一个方法。将类添加到需要更新的单元格:

<td>Lebron James</td>
<td class="updateMeTime">08:00</td>
<td class="updateMeInt">27</td>
<td class="updateMeInt">11</td>
<td class="updateMeInt">10</td>

在此示例中，类 updateMeInt 表示它是一个简单整数，而 updateMeTime 类表示它是一个时间值。

然后您的更新函数将使用这些类迭代每个单元格并递增:

function UpdateFunction(){
    $(".updateMeInt").each(function(index){
       var cur = parseInt($(this).text(), 10);
       $(this).text(cur + 1);    
    });

    $(".updateMeTime").each(function(index){
        var cur = $(this).text().split(":");    
        var sec = parseInt(cur[1], 10);        
        var min = parseInt(cur[0], 10);

        sec = sec + 3;
        if (sec >= 60){
             sec = 0
             min = min + 1;
        }
        $(this).text(pad(min) + ":" + pad(sec)); 

    });
} 

Updated FIDDLE