每行数据表中的倒数计时器

Question

是否可以使用js，html和jquery为数据表的每一行设置一个倒数计时器？ 我目前能够做倒数计时器，但不知道如何将这个倒数计时器分配给数据表的所有行。 从我的数据表下面的代码中可以看出，倒数计时器只能在第一行看到，因为id只能分配一次。 我需要找到分配多个ID的方法吗？ 有什么建议吗？

        for (var i = 0; i < arr.length; i++) {
        t.row.add([

         "<b>" + arr[i].eventname +"</b>" + "</br>" +"</br>",
         "<b>" + arr[i].datetime + "</b>",
         arr[i].venue,
         "<a href='#' class='btn btn-primary btn-rounded' id='btn" + 
          arr[i].eventid + "'>View</a>",
          // for countdown timer
           "<div id = 'day' ></div>:<div id = 'hour'></div>:<div id = 'min'> 
          </div>:<div id = 'sec'></div></div>"

        ]).draw(false);

Answer 1

Yuo可以按类而不是id分配计时器的数字（使用.day ， .hour ， .min ， .sec ，而不是#day ， #hour等）

for (var i = 0; i < arr.length; i++) {
  t.row.add([

    "<b>" + arr[i].eventname +"</b>" + "</br>" +"</br>",
    "<b>" + arr[i].datetime + "</b>",
    arr[i].venue,
    "<a href='#' class='btn btn-primary btn-rounded' id='btn" + 
    arr[i].eventid + "'>View</a>",
    // for countdown timer
    "<div class = 'day' id = 'day" + arr[i].eventid + "' ></div>:<div class = 'hour' id = 'hour" + arr[i].eventid + "'></div>:<div class = 'min' id = 'min" + arr[i].eventid + "'> 
    </div>:<div class = 'sec' id = 'sec" + arr[i].eventid + "'></div></div>"

  ]).draw(false);