退出文本字段时如何获取时间？ [关闭]答案

【问题标题】：how to get the time when exiting a textfield? [closed]退出文本字段时如何获取时间？ [关闭]
【发布时间】：2013-06-08 20:23:24
【问题描述】：

我有一个带有一些文本字段的表单，用于输入一些单词。我想保存用户在每个文本字段中完成输入他/她的输入的时间。提交表单时，这些时间信息最终应发布到服务器。有什么帮助吗？

【问题讨论】：

您应该有一个计时器，它会在页面完全加载后立即启动，然后当用户单击提交/发送按钮时，计时器应该停止并将其发送到您的服务器。

标签： javascript jquery html datetime textfield

【解决方案1】：

对于这个例子，你可以有一个带有时间和 ID 的文本框“计时器”。

$(document).ready(function(){
    var timer = null;
    var interval = 1000;
    var value = 0;
    timer = setInterval(function () {
        value = value + 1;
        $("#timer").val(value);
    }, interval);

$('#submitbutton').click(function () {
    clearInterval(timer);
    timer = null;
    var k = $('#timer').val();
    $('.time').html(k); //or alert(k); or send it to your server using post method.
});
});

这未经测试，但可以为您提供一个方向来完成您想要做的事情

您也可以使用.load(); 函数代替.ready(); 函数。

【讨论】：

您可以将 .click() 更改为 .keyup()，就像下面提到的 Trevor 对于每个文本框而不是最后一次。

【解决方案2】：

在keyup 上，将当前时间存储在隐藏输入中。

http://jsfiddle.net/trevordixon/hL8YB/

<input type="text" name="name" id="name_input">
<input type="hidden" name="name_time" id="name_time_input" size="100">

<script>
$('#name_input').keyup(function() {
    var now = new Date();
    $('#name_time_input').val(now.toString());
});
</script>

【讨论】：

像魅力一样工作，谢谢！