javascript - 当计时器停止时禁用提交表单按钮 Javascript Html

Question

大家早上好。您好，我这里有我的示例 javascript 和 html 代码。我想要的是，当计时器停止或完成时，提交按钮将被禁用，以便用户无法提交表单。我目前正在开发小型投票系统。

这是我的代码:

Javascript

var callbackfunction = function ()
{
   console.log('Done!');
}
countdown('12/10/2017 06:26:00 AM', ['days', 'hours', 'minutes', 'seconds'],
callbackfunction);

我有 count.js 来操作计时器。

最后是我的 HTML 代码:

<input type="submit" name="submit" value="Submit" class="submit-query">

<table style="margin: 0 auto;">
<tr>
<td class="header-tb" id="days">00</td>
<td class="header-tb" id="hours">00</td>
<td class="header-tb" id="minutes">00</td>
<td class="header-tb" id="seconds">00</td>
</tr>
</table>

我只是想在时间结束时阻止用户尝试提交。我构建的代码可以实现这一点吗？

Answer 1

你可以尝试这样的事情:

if(timer >= 3600) {
    document.getElementById('your-button').disabled = true;
}