Таймер обратного отсчета в каждом ряду данных - PullRequest
Новая
       9

Таймер обратного отсчета в каждом ряду данных

0 голосов
/ 07 ноября 2018

возможно ли иметь таймер обратного отсчета для каждой строки данных, используя js, html и jquery? В настоящее время я могу сделать таймер обратного отсчета, но не уверен, как назначить этот таймер обратного отсчета для всех строк данных. Как видно из приведенного ниже кода таблицы данных, таймер обратного отсчета можно увидеть только в первой строке, поскольку идентификатор можно назначить только один раз. Мне нужно найти способ назначить несколько идентификаторов? Любое предложение? 

        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 голосов
/ 25 января 2019

Юо может назначать цифры таймера по классу вместо идентификатора (используйте .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);
...