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

Question

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

相同的 bean 中

我知道如何使用

获得 JSP 的时间

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

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

欢迎提出任何建议。

谢谢你的时间..

Answer 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

希望这能回答您的问题。

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

Calculate the time taken until a submit button is clicked

jquery

jsp

jstl

date

jquery-plugins