js中用图片显示实时时间

你可以使用JavaScript来实现用图片显示实时时间的效果。具体步骤如下：

1. 准备好显示时间的图片资源，可以是数字图片或者是动态的时钟图片。

2. 在HTML中添加一个img标签，用于显示时间图片。

3. 在JavaScript中使用setInterval函数来每秒更新一次时间图片的src属性，从而实现实时更新显示时间的效果。

以下是示例代码：

HTML代码：

<img id="clock" src="0.png" alt="clock">

JavaScript代码：

function updateTime() {
  var now = new Date();
  var hours = now.getHours();
  var minutes = now.getMinutes();
  var seconds = now.getSeconds();
  var clockImg = document.getElementById("clock");
  clockImg.src = hours + ".png"; // 显示小时数
  clockImg.alt = hours + ":" + minutes + ":" + seconds; // 显示时间字符串
}

setInterval(updateTime, 1000); // 每秒更新一次时间图片

在上面的代码中，我们定义了一个名为updateTime的函数，用于获取当前时间并更新时间图片的src和alt属性。然后使用setInterval函数每秒调用一次updateTime函数，从而实现实时更新显示时间的效果。