Question

我正在寻找创建一个网站表单，当它加载计时器时启动并提交完成记录到数据库所需的时间。我不确定如何开始实现这一目标。我试过找到示例源代码而没有运气。这不是倒计时，我需要能够打印完成数据库所需的时间。

如果你能够链接这个例子我会非常满意。

Answer 1

您可以使用此JS Count down计时器（如下所示），然后在提交时将值发送给DB。

＆＃13;

var sec = 00; // set the seconds
var min = 00; // set the minutes

function countDown() {
  sec++;
  if (sec == 59) {
    sec = 00;
    min = min + 1;
  } else {
    min = min;
  }
  if (sec <= 9) {
    sec = "0" + sec;
  }
  time = (min <= 9 ? "0" + min : min) + " min and " + sec + " sec ";
  if (document.getElementById('time')) {
    var theTime = document.getElementById('time');
    theTime.innerHTML = time;
  }
  SD = window.setTimeout("countDown();", 1000);
  if (min == '05' && sec == '00') {
    window.clearTimeout(SD);
    alert("Too slow.");
  }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  }
  else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  var el = document.getElementById("startButton");
  el.addEventListener("click", countDown, false);
});

＆＃13;

<body onload="countDown()">
  <div id="time"></div>
</body>

＆＃13;

这打印＆＃34;太慢＆＃34;如果需要超过5分钟。

使用getElementByID＆amp;获取div的值使用insert command将其保存到数据库。

Answer 2

在html按钮上设置onclick以启动表单。在Javascript中定义函数来处理开始时间和结束时间。提交表单调用函数时设置结束时间。这是你的计划吗？

在页面加载时启动计时器，在DB中记录时间

2 个答案: