如何在重新加载此页面时自动启动计时器？

在重新加载页面时自动启动计时器可以通过以下步骤实现：

首先，在页面加载完成后，使用JavaScript的window.onload事件或者jQuery的$(document).ready()函数来触发一个函数。
在这个函数中，创建一个计时器对象，可以使用JavaScript的setInterval()函数或者setTimeout()函数来实现。这两个函数都可以用来执行定时任务，区别在于setInterval()函数会按照指定的时间间隔重复执行任务，而setTimeout()函数只会执行一次。
在计时器函数中，编写需要执行的代码，比如更新页面上的计时器显示。
如果需要在页面重新加载时保持计时器的状态，可以使用浏览器的本地存储（如localStorage或sessionStorage）来保存计时器的起始时间，并在页面加载时读取该值，并根据当前时间计算出经过的时间，然后重新启动计时器。

以下是一个示例代码：

// 页面加载完成后触发函数
window.onload = function() {
  // 读取本地存储的起始时间
  var startTime = localStorage.getItem('startTime');
  
  // 如果起始时间存在，则计算经过的时间并重新启动计时器
  if (startTime) {
    var elapsedTime = Date.now() - startTime;
    startTimer(elapsedTime);
  } else {
    // 否则，直接启动计时器
    startTimer(0);
  }
};

// 启动计时器函数
function startTimer(elapsedTime) {
  // 更新页面上的计时器显示
  var timerElement = document.getElementById('timer');
  var intervalId = setInterval(function() {
    elapsedTime += 1000; // 每秒加1秒
    timerElement.innerHTML = formatTime(elapsedTime);
  }, 1000);
  
  // 保存起始时间到本地存储
  localStorage.setItem('startTime', Date.now() - elapsedTime);
}

// 格式化时间函数
function formatTime(time) {
  var seconds = Math.floor(time / 1000);
  var minutes = Math.floor(seconds / 60);
  var hours = Math.floor(minutes / 60);
  
  seconds %= 60;
  minutes %= 60;
  hours %= 24;
  
  return hours.toString().padStart(2, '0') + ':' +
         minutes.toString().padStart(2, '0') + ':' +
         seconds.toString().padStart(2, '0');
}

在上述代码中，我们使用了window.onload事件来触发一个函数，在这个函数中判断是否存在起始时间，并根据情况启动计时器。计时器函数使用setInterval()函数每秒更新一次计时器显示，并使用localStorage保存起始时间。formatTime()函数用于格式化时间显示。

请注意，以上代码只是一个示例，具体实现可能会根据具体需求和页面结构有所不同。另外，如果需要在页面关闭或离开时停止计时器，可以使用window.onbeforeunload事件来处理。