点击链接时的倒数计时器

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

步骤概述：

1. 在HTML中，使用的onclick并传递this作为参数传递给该函数。
2. 在JavaScript中，定义函数并获取存储在参数中的元素。
3. 函数内部定义了将存储剩余时间（以秒为单位）的变量。如果一次需要多个变量，请将这些值存储在一个对象中，并将其用作关键字，即html行的id。
4. 使用setInterval开始一个循环，该循环为存储剩余时间的变量倒数。
5. 一旦变量值达到0，显示您的“可用！”文本并清除间隔。

这需要的基本知识：

• 的JavaScript
• DOM事件
• 阵列/对象
• 循环（寻找window.setInterval（）和window.clearInterval（））
• DOM修改

如果你是编程新手，需要一些时间来完成这个任务，但是你将获得宝贵的知识。

顺便说一句，如果有人为您提供代码工作并准备复制粘贴，请花些时间理解每一行，甚至根据提供的代码编写您自己的实现。

祝你好运！