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

Question

Goodmorning all。嗨，我在这里有我的示例javascript和html代码。我想要的是当计时器停止或完成提交按钮将禁用，以便用户无法提交他们的表格。我目前正在开发小型投票系统。

这是我的代码：

的Javascript

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

最后我的HTML代码：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我只想在时间结束时阻止用户尝试提交。这可能与我的代码构造有关吗？

Answer 1

您可以尝试以下方式：

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