JQuery - 点击 - 提醒已用时间



当用户按下转义键时,我想显示一条警报消息,声明自他们开始键入以来经过的时间量。

$(document).ready(function() {
  $(document).keyup(function(e) {
    if (e.keyCode == 27) {
      var current_date = new Date();
      var time_end = current_date.getTime();
      alert(time_end - time_start);
    }});
  $(":input").click(function() {
     var date = new Date();
     var time_start = date.getTime();
  });

问题是time_start是在 $(":input").click 函数中定义的局部变量,所以我无法在 $(document).keyup 方法中访问它。

不幸的是,我也不能通过在函数外部声明它来使其成为全局变量,因为我必须在用户在输入框中单击时启动计时器。

根据W3Schools的说法,time_start应该是一个全局变量,因为我date.getTime()分配了值。

任何反馈将不胜感激。提前谢谢。

您可以保存他们开始在输入的父节点上键入的时间点。
例如在<body />元素上(可能有更好的地方)

$(function() {
  $(document).on("keyup", function(ev) {
    if (ev.which != 27) {
      return;
    }
    var startTime = $("body").data("startTime");
    if (typeof startTime != "object") {
      return;
    }
    alert(new Date().getTime() - startTime.getTime());
  });
  $(":input").on("click", function() {
    $("body").data("startTime", new Date());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" />

相关内容

  • 没有找到相关文章

最新更新