计算点击提交按钮所用的时间

【问题标题】：Calculate the time taken until a submit button is clicked计算点击提交按钮所用的时间
【发布时间】：2015-03-20 02:50:12
【问题描述】：

我在网页中有一个表单字段要填写。我需要计算从打开页面到点击提交按钮的时间差计算出的时间差将存储在与字段相同的 bean 中

我知道如何在 JSP 中使用

<jsp:useBean id="today" class="java.util.Date" />
<p>Time: <strong><fmt:formatDate type="time" value="${today}" /></strong></p>

但是如何在点击事件触发时找到提交按钮并找到时间差？

欢迎提出任何建议。

感谢您的宝贵时间..

【问题讨论】：

标签： jquery jsp date jquery-plugins jstl

【解决方案1】：

您可以通过在$(window).load 上创建一个新的Date() 对象并将其与单击按钮时创建的另一个Date() 对象进行比较来实现此目的。

代码如下：

// Run when the page is fully loaded including graphics. 
$( window ).load(function() {
	var timeStart = new Date();

  $("#submit").on('click', function() {
    var timeEnd = new Date();
    var timeDiff = timeEnd - timeStart;
    console.log(timeDiff);

    $("#time").html('Time Difference: ' + timeDiff + ' ms');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <button id="submit" type="submit">Submit</button>
</form>
<h1 id="time"></h1>

这是codepen link

希望这能回答你的问题。

【讨论】：