如何在表单页面上设置发送按钮的超时

Question

我对html了解不多。 我有一个简单的网页，用于多项选择题答案，格式如下：

一个问题，4个单选按钮一个问题，4个单选按钮

等等。

底部是一个发送按钮，用于将输入发送到我的电子邮件，我在其中使用 python 解析输入。这工作正常。

<input type="submit" value="Send Form">

我想要的是发送按钮上的超时，这样，在之后说：

2018年10月19日 星期五 18：00

"发送"按钮已停用。我想出现一条小消息，比如"你来不及了，我说星期五6点之前交作业。

我将非常感谢有关如何实现这一目标的任何提示。 .PHP？Javascript？

Answer 1

下面的演示检查当前日期和时间与 2019 年 10 月 19 日 18：00 的对比。如果当前日期和时间晚于此日期和时间，则禁用提交按钮，并显示一条消息，说明原因。我还在提交按钮上附加了执行检查的功能。这适用于用户在截止日期之前登陆页面，但时间在他们打开时过期并且他们无法及时提交的情况。在这种情况下，表单提交将推迟到相同的功能，如果截止日期已过，它将阻止表单提交。您可以通过将变量"终止"更改为更早的日期(例如 10 月 16 日(来测试这一点。您还可以注释掉在 start(( 中对 checkForExplumation(( 函数的调用，以测试表单提交部分。

var expMsg = document.getElementById("expireMsg");
var subBtn = document.getElementById("subBtn");
var terminate = new Date("October 19, 2018 18:00:00");
//
function start() {
checkForExpiration();
}
//
function checkForExpiration() {
expMsg.innerHTML = "";
subBtn.disabled = false;
var currentDate = new Date();
//
if (currentDate > terminate) {
subBtn.disabled = true;
expMsg.innerHTML = "Sorry, but you've missed the deadline";
return false;
} else {
return true;
}
}
//
window.onload = start();

<form name="myForm" onsubmit="return checkForExpiration();">
<input id="subBtn" type="submit" value="Send Form">
</form>
<div id="expireMsg"></div>

Answer 2

我是新手，无法添加评论。 我希望此链接对您有所帮助：

这篇文章讨论了计时器... 计数器达到零时启用按钮

通过一些修改，您可以将其用于您的目的。