Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取退出文本字段时的时间?_Javascript_Jquery_Html_Datetime_Textfield - Fatal编程技术网

Javascript 如何获取退出文本字段时的时间?

Javascript 如何获取退出文本字段时的时间?,javascript,jquery,html,datetime,textfield,Javascript,Jquery,Html,Datetime,Textfield,我有一个带有文本字段的表单,用于输入一些单词。我想保存用户在每个文本字段中完成输入的时间。提交表单时,这些时间信息最终应发布到服务器。有什么帮助吗?在本例中,您可以有一个带有时间的文本框,并将其标识为“timer” $(document).ready(function(){ var timer = null; var interval = 1000; var value = 0; timer = setInterval(function () {

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

在本例中,您可以有一个带有时间的文本框,并将其标识为“timer”

$(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()功能。

键控
上,将当前时间存储在隐藏输入中


$('#name_input').keyup(函数(){
var now=新日期();
$('#name_time_input').val(now.toString());
});

您应该有一个计时器,该计时器在页面完全加载后立即启动,当用户单击“提交/发送”按钮时,计时器应该停止并将其发送到您的服务器。您可以将.click()更改为.keyup(),正如特雷弗在下面提到的每个文本框,而不是最后一次。非常有效,谢谢!
<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>