如何创建一个在加载特定网页后自动启动的计时器

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

看看这个codepen https://codepen.io/shivani137/pen/aYjaKG

setInterval(function() {}, 1000)

可以帮助你实现这个功能