在网页右下角写动态时钟

可以使用 JavaScript 来实现在网页右下角写动态时钟的效果，以下是一个简单的示例代码：

HTML代码：

<div id="clock"></div>

CSS代码：

#clock {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 16px;
  color: #333;
}

JavaScript代码：

function showTime() {
  var date = new Date();
  var h = date.getHours();
  var m = date.getMinutes();
  var s = date.getSeconds();
  h = checkTime(h);
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('clock').innerHTML = h + ":" + m + ":" + s;
  setTimeout(showTime, 1000);
}
function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}
showTime();

解释一下：

- HTML 中使用一个 `div` 元素作为时钟的容器。
- CSS 中设置时钟容器的位置为固定定位，位于页面右下角，并设置字体大小和颜色。
- JavaScript 中定义了一个 `showTime` 函数，用于更新时钟显示，其中获取当前时间并调用 `checkTime` 函数进行格式化，最后将格式化后的时间字符串设置到时钟容器中。
- `checkTime` 函数用于将一位数的小时、分钟、秒数补齐成两位数，例如将 9 补齐为 09。

注意：这只是一个简单的示例，实际使用中可能需要根据具体需求进行一些修改，例如调整字体样式、加上时区等。