Question

我正在尝试制作一个倒数计时器。

我有一个包含多行和四列的表。在第二列中，我需要一个在您单击第一列中的链接时启动的计时器。当计时器结束时，它将显示“可用”。每行都需要。

这就是我所拥有的。

<table width="798" border="1" cellspacing="15">
<tr>
  <th width="302" scope="col">Website</th>
  <th width="139" scope="col">Status</th>
  <th width="118" scope="col">Time (Minutes)</th>
  <th width="146" scope="col">WO</th>
</tr>
<tr>
  <td><a href="http://google.com" target="_blank">Don't click here</a></td>
  <td>&nbsp;</td>
  <td align="center">5</td>
  <td align="center">0.5-1.0</td>
</tr>
<tr>
 <td><a href="http://yahoo.com" target="_blank">Don't click me</a></td>
  <td>&nbsp;</td>
  <td align="center">720</td>
  <td align="center">0.5-1.0</td>
</tr>
<tr>

Answer 1

执行此操作的方法是setTimeout

虽然我不是w3schools的粉丝，但他们做的一切都很容易阅读，所以这里是链接https://www.w3schools.com/jsref/met_win_settimeout.asp

此外，由于您不熟悉编程，我不会发布确切的代码，最好的学习方法是自己动手。

Answer 2

步骤概述：

在HTML中，使用onclick并将this作为参数传递给函数。
在JavaScript中，定义函数并获取存储在参数中的元素。
在函数内部定义将存储剩余时间的变量（以秒为单位）。如果一次需要多个变量，请将值存储在对象中，并使用html行的id作为键。
使用setInterval启动一个循环，该循环计算存储剩余时间的变量。
变量值达到0后，显示“可用！”发短信并清除间隔。

这需要基本知识：

的JavaScript
DOM活动
阵列/对象
循环（查找window.setInterval（）和window.clearInterval（））
DOM修改

如果您不熟悉编程，则需要一些时间来完成这项工作，但您将获得宝贵的知识。

如果有人为您提供了正常工作并准备复制和粘贴的代码，请花点时间了解每一行，甚至根据提供的编写自己的实现。

点击链接时的倒数计时器

2 个答案: