Fatal编程技术网
  • forms/
  • Forms 我需要一个定时器，禁用提交按钮

Forms 我需要一个定时器，禁用提交按钮

forms timer

Forms 我需要一个定时器，禁用提交按钮,forms,timer,Forms,Timer,我需要为我的网站创建一个计时器。我正在设置一个包含多项选择题的表格。我希望用户在指定时间提交表格/答案，比如30分钟，。。如果时间流逝，提交按钮将被禁用并发出警报消息；时间到了，测试失败。 帮助完成整个代码；Jquery和PHP-Pease 为此，您可以使用setTimeOut（）javascript函数 例如，下一行显示了一个警报框，在3秒钟后显示文本Hello setTimeout(function(){ alert("Hello"); }, 3000); 在您的情况下，您希望禁用提交按

我需要为我的网站创建一个计时器。我正在设置一个包含多项选择题的表格。我希望用户在指定时间提交表格/答案，比如30分钟，。。如果时间流逝，提交按钮将被禁用并发出警报消息；时间到了，测试失败。
帮助完成整个代码；Jquery和PHP-Pease

为此，您可以使用
setTimeOut（）
javascript函数

例如，下一行显示了一个警报框，在3秒钟后显示文本Hello

 setTimeout(function(){ alert("Hello"); }, 3000);
在您的情况下，您希望禁用提交按钮并在30分钟后显示警报，30分钟=30*60=1800秒，等于1800000毫秒

所以代码变成这样：

 setTimeout(function(){ 
     //disable the button with id="submitbutton"
     document.getElementById('submitbutton').disabled = true;
     alert("Time out!"); 
  }, 1800000);
要在加载页面后实现这一点，您需要将其放置在javascript文件或
标记中，并将其包装在on document ready事件中。完整的代码是：

<html>
<head>
</head>
<body>
Your HTML here with the <input type="submit" id="submitbutton">

<script>
// self executing function
(function() {
     setTimeout(function(){ 
         //disable the button with id="submitbutton"
         document.getElementById('submitbutton').disabled = true;
         alert("Time out!"); 
      }, 1800000);

})();
</script>
</body>
</html>


您的HTML在这里与
//自动执行功能
（功能（）{
setTimeout（函数（）{
//禁用id为=“submitbutton”的按钮
document.getElementById（'submitbutton'）。disabled=true；
警报（“超时！”）；
}, 1800000);
})();
我投票结束这个问题，因为你还没有展示你的尝试。