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

时间:2018-11-07 01:51:53

标签: javascript jquery html datatables countdown

是否可以使用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);

1 个答案:

答案 0 :(得分:0)

Yu可以按类别而不是ID分配计时器的数字(使用.day.hour.min.sec,而不是#day,{{1 }}等

#hour