измерение времени между двумя представлениями формы PHP

Question

Я пытаюсь измерить период времени, с которого пользователь отправляет форму PHP, когда они снова отправляются. Действие формы является одной и той же страницей, так что это просто обновление. Более того, пользователь может снова ввести те же данные. Мне нужно, чтобы он начинал считать до того, как страница обновится, поскольку результат должен быть максимально точным. Я уже пробовал несколько методов, но ни один из них не привел к каким-либо успехам. Я упростил следующий код:

HTML Form

<form method="GET" action="index.php"> 
<input id="motion_image" type="image" value="1" name="x" src="img/btn1.png"> 
<input id="motion_image" type="image" value="2" name="x" src="img/btn2.png"> 
</form> 

В конце концов, мне нужно иметь PHP или переменную JavaScript, сколько времени потребовалось пользователю нажать либо один из этих двух кнопок, когда они снова нажимают на одну из них. Важно, чтобы счетчик начинался до обновления, поскольку переменная должна быть как можно более точной. Кроме того, он должен реагировать так, чтобы после 5 секунд он запускал событие (например, предупреждение JavaScript). Я не чувствовал необходимости включать мои предыдущие попытки, поскольку все они были безуспешными, и я считаю, что, вероятно, лучший способ. У меня есть полный доступ к серверу, на котором размещается сайт, так что запуск подценария python и обмен переменных с использованием JSON или любых других подобных решений вполне возможны.

Извиняюсь за любые ошибки, и мое общее отсутствие стека навыков переполнения :)

Благодаря

Answer 1

Изучив использование localStorage с JS, я смог найти точное решение. Я упростил свой код для других, которые могут столкнуться с тем же или подобным вопросом. Спасибо всем тем, кто помог :)

HTML

<form method="GET" action="index.php"> 
<input id="motion_image" type="image" value="1" name="x" src="img/btn1.png" onclick="return processInput(1)"> 
<input id="motion_image" type="image" value="2" name="x" src="img/btn2.png" onclick="return processInput(2)"> 
<input id="motion_image" type="image" value="3" name="x" src="img/btn2.png" onclick="return processInput(3)"> 
</form> 

JavaScript

function processInput(x) { 
    localStorage.eventType = x; 
    checkEventType(); 
} 

function checkEventType() { 
    if (Number(localStorage.eventType) == 1) { 
     runningInterval = setInterval(function() { 
      localStorage.counter = Number(localStorage.counter) + 1; 
     }, 10); 
    } else if (Number(localStorage.eventType) == 2) { 
     runningInterval = setInterval(function() { 
      localStorage.counter = Number(localStorage.counter) - 1; 
     }, 10); 
    } else if (Number(localStorage.eventType) == 3) { 
     window.alert("Your counter is at " + localStorage.counter); 
    } 
} 

Answer 2

Почему бы не дата для каждой отправки формы? то сравнить эти даты? Вы также можете сохранить его в своей базе данных. Надеюсь, вы поняли. (Извините, я должен поставить это в комментарии, но я до сих пор не могу)

Answer 3

, если вы можете доверять системное время пользователя:

, когда пользователь нажимает на кнопку получить системное время пользователя с яваскрипт и отправить его сервер;

на сервере сэкономить время где-нибудь ... например session или db;

, когда пользователь дважды нажал на кнопку -> повторите эти шаги;

и в конце концов вы можете сравнить эти моменты вместе;

//

с JS вы можете отправить каждый период времени, что пользователь тратить на странице тоже. , поскольку при каждой загрузке страницы задается системное время в некоторой переменной, и когда пользователь нажимает кнопки, они снова получают время и отправляют на сервер, чтобы получить точное время;