文章/答案/技术大牛

发布

社区首页 >问答首页 >数据表中每行的倒计时计时器

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

Stack Overflow用户

提问于 2018-11-07 09:51:53

回答 1查看 659关注 0票数 4

是否可以使用js、html和jquery为datatable的每一行设置倒计时计时器？我目前可以执行倒计时计时器，但不确定如何将此倒计时计时器分配给数据表的所有行。从我下面的datatable代码中可以看到，倒计时计时器只能在第一行看到，因为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);

javascript

jquery

html

datatables

countdown

回答 1

Stack Overflow用户

发布于 2019-01-25 23:29:28

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53182635

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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