每行數據表中的倒數計時器

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);