用dayjs展示计时器

使用Day.js来展示一个计时器，可以通过以下步骤来实现：

1. 在HTML文件中创建一个用于显示计时器的元素，例如一个<div>元素：

<div id="timer"></div>

2. 在JavaScript文件中引入Day.js库，并编写计时器的逻辑代码：

// 导入Day.js库
import dayjs from "dayjs";

// 获取计时器的元素
const timerElement = document.getElementById("timer");

// 定义计时器的起始时间
const startTime = dayjs();

// 更新计时器的显示
function updateTimer() {
  const currentTime = dayjs();
  const duration = dayjs.duration(currentTime.diff(startTime));
  const formattedDuration = duration.format("HH:mm:ss");
  timerElement.textContent = formattedDuration;
}

// 每秒更新一次计时器
setInterval(updateTimer, 1000);

3. 在浏览器中打开HTML文件，即可看到实时更新的计时器。

这个计时器会从页面加载后开始计时，并且每秒钟更新一次显示的时间。你可以根据自己的需求，根据Day.js的文档来调整计时器的显示格式