当前位置：首页 > news >正文

利用JavaScript在网页中获取当前的时间并展现在网页上

news 来源：原创 2025/5/21 5:23:57

注意点:

1.获取的月份从0开始，在显示的时候要加上1；

2.拼接字符串是用``包围，借助$来取出变量值

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="timeDiv"></div>

  <script>
   
    setInterval(function ()
    {
      //获取当前时间
      //在div中显示当前时间
      let date = new Date();
      let year = date.getFullYear();
      // console.log(year);
      let month = date.getMonth() + 1;
      month = month >= 10 ? month : "0" + month;
      let day = date.getDate();
      day = day >= 10 ? day : "0" + day;
      let hour = date.getHours();
      hour = hour >= 10 ? hour : "0" + hour;
      let minute = date.getMinutes();
      minute = minute >= 10 ? minute : "0" + minute;
      let second = date.getSeconds();
      second = second >= 10 ? second : "0" + second;
      // document.getElementById("timeDiv").innerText = date;
      document.getElementById("timeDiv").innerText = `${year}年${month}月${day}日${hour}:${minute}:${second}`;
    }, 1000);
  </script>
</body>

</html>