Как создать таймер, который запускается автоматически при загрузке определенной веб-страницы

Question

Я хочу создать таймер, который запускается автоматически, как только веб-страница загружается, и отслеживает время, которое я трачу на страницу, прежде чем я нажму "отправить" на этой веб-странице.Возможно ли это с помощью сценария «Обезьянка-обезьяна»?

Я хочу отслеживать время, затрачиваемое на заполнение ссылок в форме.

Answer 1

Установить таймер при загрузке страницы.Чем при нажатии кнопки «Отправить» просто остановите таймер.

<script>
window.onload = function() {
  var incrementSecond = function () {
    window.secondsPassed += 1;
    console.log('+1 sec, now we have', window.secondsPassed);
  }

  window.secondsPassed = 0;
  window.myTimer = setInterval(incrementSecond, 1000);
}
var onSubmitClick = function() {
  window.clearInterval(window.myTimer); // always clean resources
  // call some other function to do the submit
}
</script>

<input type="submit" onClick="onSubmitClick"/>

Answer 2

Вы можете просто установить новую переменную даты при загрузке страницы и установить другую, когда пользователь нажимает кнопку «Отправить» и найти разницу.

<script>
var start;

window.onload = function(){
    start = new Date();
}

function myFunction() {
    var end = new Date();
    var diff = Math.abs(end - start);
    alert(diff);
}
</script>

<button onclick="myFunction()">Submit</button>

Answer 3

Посмотрите на эту кодовую ручку https://codepen.io/shivani137/pen/aYjaKG

setInterval(function() {}, 1000) может помочь вам достичь этой функции