JavaScript - 使用本地时间提交表单

标签 javascript html forms date time

我正在尝试将提交表单和日期/本地时间结合起来

从每次“15:30:00”开始提交

这是我的代码 js :

<script type="text/javascript">
function initClock() 
{
  var now = new Date();
  var hr  = now.getHours();
  var min = now.getMinutes();
  var sec = now.getSeconds();
  if (min < 10) min = "0" + min; 
  if (sec < 10) sec = "0" + sec;
  var time = document.getElementById('clockDisplay');
      time.innerHTML = hr + ":" + min + ":" + sec;
  setTimeout('initClock()', 500);
}

function timesubmit()
{
    if (time.innerHTML == "15:30:00") // time submit 15:30:00
        {
          document.getElementById("myForm").submit();
        } 
    else 
        {
          //etc
        }
}
</script>

我的 HTML 代码如下:

<body onload="initClock()">
<div id="clockDisplay"></div>
<br>
<form id="myForm" action="http://example.com" method="post">
<input type="submit" onclick="timesubmit()" value="send"  />
</form>
</body>

知道如何让它工作吗?如果时间“15:30:00”自动提交表单

感谢所有能帮助我的人:D

最佳答案

检查这个 Fiddle

HTML

<div id="clockDisplay"></div>
<br>
<form id="myForm" action="http://example.com" method="post">
<input type="button" onclick="timesubmit()" value="send"  />
</form>

javascript

document.addEventListener("DOMContentLoaded",initClock,false);
var timeStamp;
function initClock() 
{
  var now = new Date();
  var hr  = now.getHours();
  var min = now.getMinutes();
  var sec = now.getSeconds();
  if (hr < 10) hr = "0" + hr; 
  if (min < 10) min = "0" + min; 
  if (sec < 10) sec = "0" + sec;
  timeStamp= hr + ":" + min + ":" + sec;
  var time = document.getElementById('clockDisplay');
  time.innerHTML = timeStamp;
  timesubmit();
  setTimeout(initClock, 0);
}

function timesubmit()
{
    if (timeStamp == "15:30:00") // time submit 15:30:00
        {
          document.getElementById("myForm").submit();
        } 
    else 
        {
          //etc
        }
}

关于JavaScript - 使用本地时间提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20138564/

相关文章:

html - 我如何将 bool 值写入 cookie 或从 cookie 读取 bool 值?

javascript - UglifyJS - Mangle 函数但保留 Function.prototype.name

javascript - map.on ('click' ) 是否干扰 Bootstrap 模式?

javascript - react-redux with thunk - getState 不是一个函数

html - 使用背景图片扩展 DIV

javascript - 为什么我的 react 表单无法在codesandbox上运行

javascript - 切换单选按钮只能工作一次(刷新)?

html - float div 不会给出全高

javascript stopPropagation 不适用于输入字段

javascript 函数未被调用/无法从 html 表单工作