带有来自ajax调用的数据的车把倒计时

时间:2019-03-19 15:38:29

标签: javascript jquery handlebars.js countdown

我一直在寻找解决此问题的方法,但找不到任何方法。 我有一个计划任务的列表,我从每个任务中获取一些数据,进行AJAX调用并通过把手显示它:

  function getScheduledTasks(URL_address){
  $.ajax({
    url: URL_address,
    success: function(data){
      var source = $("#scheduled-task").html();
      var template = Handlebars.compile(source);
      $('.scheduledBody').append(template(data));
    },
    error: function(data) {
      console.log('error', data);
    }
  });
}

HTML:

<table class="table">
    <thead class="thead-dark">
        <tr>
          <th scope="col">Name</th>
          <th scope="col">Type</th>
          <th scope="col">Next Execution</th>
        </tr>
    </thead>
    <tbody class= "scheduledBody">
        <script id="scheduled-task" type="text/x-handlebars-template">
            {{#each schedules}}
                <tr>
                    <th>{{name}}</th>
                    <td>{{type}}</td>
                    <td data-countdown="{{timeSs}}"></td>
                </tr>
            {{/each}}
        </script>
    </tbody>
</table>

问题是,我有timeSs以毫秒为单位的时间,我想用一些javascript函数进行处理,并使倒计时工作在同一“脚本标记”中。

我已经看到存在一些简化此操作的jquery函数,但是我的工作网络中已阻止了该库。

我将不胜感激。

谢谢。

0 个答案:

没有答案