Автоматическое запоминания время пользователя

@xpoince · Регистрация: 18.02.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте уважаемые программисты. Уже какой день не могу решить проблему.
А вот и сама проблема, мне нужно запомнить время которое пользователь провёл в input'е, для анализа. Сложного казалось бы не чего трудного нету, но вот мне надо что бы данные автоматически добавлялись в базу данных или в отдельный файл, без разницы, то есть как только пользователь сделал focusout данные попадали бы в базу или в файл. Как я понимаю для этого надо использовать JSON, но на данный момент я не смог не чего конкретного реализовать.
Моё представления как это должно выглядеть:

HTML5
1
2
3
<div>
First name: <input id="name" type="text" ><br>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
  $("#name").focusin(function(){
    var timeIn = event.timeStamp;
    var data = eval("(" + timeIn + ")");
  });
  $("#name").focusout(function(){
    var timeOut = event.timeStamp;
    var data1 = eval("(" + timeOut + ")");
  });
});

Вообщем время focusin и focusout я получаю в timeStamp, с этим я думаю у меня всё нормально. Но вот что делать дальше без понятия. Полученное время надо как то добавить сразу в файл или в БД. Задача сложна для меня тем, что пользователь может не нажать submit, по этому и возникла проблема с таким извратом. Если вам не трудно, дайте совет или возможно есть где-то похоже решения моей задачи?
Заранее спасибо.

@Lazy_Den · 18.02.2014, 12:37

Сообщение от xpoince

Как я понимаю для этого надо использовать JSON

Нет, для этой задачи, вам нужен Ajax. Код может быть примерно следующим:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function getTimeStamp(){
    return new Date().getTime();
}
$(document).ready(function(){
    var timeIn,
        timeOut,
        diff;
    $("#name").focusin(function(event){
        timeIn = getTimeStamp();
    });
    $("#name").focusout(function(event){
        timeOut = getTimeStamp();
        diff = timeOut - timeIn; // разница в миллисекундах
        $.ajax({
            url: '/path/to/handler.php',
            type: 'POST',
            dataType: 'json', // или другой тип ожидаемых данных в ответе
            data: {diffTime: diff},
            success: function(data){
                // data - содержит ответ сервера на этот ajax-запрос
                // как формировать ответ json - см. ниже
            }
        })
    });
});

Обработка данных и формирование ответа в формате json на сервере:

PHP
1
2
3
4
5
6
7
8
9
10
if(!empty($_POST['diffTime']) $diffTime = (int)$_POST['diffTime'];
if(isset($diffTime)){
    // записываем данные в БД
    // формируем ответ (может быть как строка, так и массив)
    $response = 'Всё прошло замечтательно! ';
    echo json_encode($response);
    exit;
    // или одной строкой
    exit( json_encode($response) );
}

@xpoince · 18.02.2014, 13:34 **[ТС]**

Lazy_Den
Огромное спасибо, всё работает.

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

@xpoince 182 / 182 / 83 Регистрация: 18.02.2014 Сообщений: 867
	18.02.2014, 13:34 [ТС]
	Lazy_Den Огромное спасибо, всё работает. 0