我正在尝试制作一个“地球时钟”本地程序,随着时间的推移显示地球24小时的图片

问题描述 投票:0回答:1

即使我使用Python,这也不会打开图像。我希望它在本地运行。有人能帮我吗。在那一刻从太空观察地球是一种很酷的方式。感谢您的考虑。这是由 chatgtp 生成的

代码显示图像损坏

<!DOCTYPE html>
<html>
<head>
<script>
function updateImage() {
  var image = document.getElementById("myImage");
  var currentTime = new Date();
  var currentHour = currentTime.getHours();
  var imageHour = ("0" + currentHour).slice(-2); // Format as two digits
  
  var imagePath = "file:///Volumes/WD%20Elements%20Storage/Earth%20Clock%20Program/" + imageHour + ".00.jpg";
  image.src = imagePath;
}

// Update image every hour (in milliseconds)
setInterval(updateImage, 3600000);
</script>
</head>
<body>
  <input type="time" id="timeInput" onchange="updateImage()">
  <img id="myImage" src="" alt="Image">
</body>
</html>

clock
1个回答
0
投票

您能做的最好的事情就是使用相对路径名而不是绝对路径名。尝试将图像与 HTML 文件放在同一文件夹中,看看是否有效。

© www.soinside.com 2019 - 2024. All rights reserved.