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

时间:2018-05-21 14:03:28

标签: javascript html timer tampermonkey stopwatch

我想创建一个计时器,该计时器会在网页加载后自动启动,并跟踪我在该页面上点击“提交”之前在页面上花费的时间。这可能是使用篡改猴子脚本吗?

我想跟踪填写表单链接所花费的时间。

3 个答案:

答案 0 :(得分: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"/>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

您可以在页面加载时设置新的日期变量,并在用户点击提交时设置另一个并查找差异。

<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>

答案 2 :(得分:0)

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

setInterval(function() {}, 1000)可以帮助您实现此功能