Question

我有一个脚本可以在一个时间集之间随机重新加载一个页面，我想在页面加载后添加一个计时器。

像HH（24）这样的计时器：MM（60）：SS（60），所以我确切地知道自页面重新加载以来经过了多少分钟/秒。

最好我想用计时器替换ElementById，例如duckduckgo，用页面上的可见计时器替换徽标：

我只是不知道如何在页面上显示它。

Answer 1

好的，所以你需要做一些事情来完成这项工作。

您需要启动计数器变量：

var seconds_passed = 0;

您需要一个功能来检查页面何时加载：

$('window').on('load', function(){
  // other code goes in here
});

您需要一个连续运行的功能，以便您可以计算时间：

function timer() {
  setTimeout(function() {
      // Here you are incrementing the amount of seconds passed by 1.
      // This works because the setTimeout function is running every second(we pass as 1000, for 1000 milliseconds).
      seconds_passed++;
      // log to the console how many seconds have passed.
      console.log(seconds_passed);
      // Here we run the timer function again. This is a recursive function. It calls itself.
      timer();
  }, 1000);
}

总之，它看起来像这样：

var seconds_passed = 0;

$('window').on('load', function(){
  timer();
}); 

function timer() {
  setTimeout(function() {
    seconds_passed++;  
    console.log(seconds_passed);
    timer();
  }, 1000);
}

说明：当页面加载时，它会运行计时器功能。计时器功能将：向变量seconds_passed添加1，将seconds_passed记录到控制台，最后将自行调用以再次运行。

替换页面document.getElementById（ID名称）;计数计时器

1 个答案: