點擊鏈接時的倒數計時器

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修改

如果你是編程新手，需要一些時間來完成這個任務，但是你將獲得寶貴的知識。

順便說一句，如果有人爲您提供代碼工作並準備複製粘貼，請花些時間理解每一行，甚至根據提供的代碼編寫您自己的實現。

祝你好運！