将整数转换为倒数计时器

时间:2019-11-13 10:28:34

标签: javascript php jquery

如果我在这样的标记中回显单个整数:

<td><?php echo 8;?></td>

对于我的项目,此数字表示完成任务所需的小时数。我希望做的是一个将单个整数转换为倒数计时器的函数。因此,在此示例中,当用户单击“开始任务”按钮时,它将开始递减计数到零。我已经找到了许多倒数计时器的示例,但是我不确定如何将回显的整数转换为倒数计时器。

为弄清小时数是从数据库中提取并回显到表中的小时数。

如何将整数转换为小时计数?

我知道基本的javascript,但这超出了我的能力。我可以在线获取倒计时脚本,但我需要将回显的值转换为倒计时,无法手动指定小时数。

表格如下所示(未完成,请忽略按钮标签,因为这将激活倒计时功能)

<?php $i = 1; ><
    <table class="table table-bordered table-dark" id="data_table">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Task</th>
                <th scope="col">Time</th>
                <th scope="col">Action</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($job_spec_table as $job) { ?>
                <tr>
                    <td><?php echo $i;?></td>
                    <td><?php echo $job['task_description']; ?></td>
                    <td><?php echo $job['task_time']; ?></td>
                    <td><button>Start Task</button></td>
                </tr>
            <?php $i++; ?>
        <?php } ?>
        </tbody>
    </table>

总结:如何将回显的整数转换为小时倒数计时器?

编辑:为了清楚起见,我知道有人问过这个问题,但是我在堆栈上找到的很多示例都涉及到设置日期,例如:

var now = new Date().getTime();

但是就像我说的,我需要使用整数(以小时表示)。

0 个答案:

没有答案