使用JavaScript来获取当前时间并实时更新

2023-9-8 448 技术教程

在这个示例中，showTime函数首先获取当前时间，然后将时、分、秒转换为字符串格式，并在小时、分钟或秒是单个数字时在前面添加一个"0"。然后，这个时间字符串被设置为 < h1 >元素的内容，该元素在HTML文档中具有ID "time"。最后，setTimeout函数被用来在1秒后再次调用showTime函数，从而实现了每秒更新一次的效果。

使用JavaScript来获取当前时间并实时更新<!DOCTYPE html>  
<html>  
<head>  
<title>实时更新的当前时间</title>  
<script>  
function showTime() {  
  var date = new Date();  
  var hours = date.getHours();  
  var minutes = date.getMinutes();  
  var seconds = date.getSeconds();  

  // 如果小时、分钟或秒是单个数字，在它们前面添加一个"0"  
  if (hours < 10) {  
    hours = '0' + hours;  
  }  
  if (minutes < 10) {  
    minutes = '0' + minutes;  
  }  
  if (seconds < 10) {  
    seconds = '0' + seconds;  
  }  

  var time = hours + ":" + minutes + ":" + seconds;  
  document.getElementById("time").innerHTML = time;  
  setTimeout(showTime, 1000); // 每秒更新一次  
}  
</script>  
</head>  
<body onload="showTime()">  
<h1 id="time"></h1>  
</body>  
</html>

正文完

代码 js

评论区