Javascript获取当前时间函数和时间操作小结

获取当前时间

在Javascript中，我们可以使用Date()对象来获取当前时间。调用该对象，即可获得当前本地时间的完整字符串表示，格式如下：

Thu Mar 05 2020 20:13:07 GMT+0800 (中国标准时间)

我们可以使用以下代码来获取当前时间的字符串表示:

let now = new Date();
console.log(now.toString());

输出结果如下：

Thu Mar 05 2020 20:13:07 GMT+0800 (中国标准时间)

时间操作

在Javascript中，我们可以对时间对象进行加、减、获取对应日期等操作。

加减时间

我们可以使用setTime()方法设置一个时间，使用getTime()方法获取该时间的时间戳，然后使用数学运算符对其进行加减操作，再将时间戳转化为时间格式：

let now = new Date();
let targetTime = now.getTime() + 1000 * 60 * 60; // 加一小时
let newTime = new Date(targetTime);

console.log(newTime.toString());

输出结果如下：

Thu Mar 05 2020 21:13:07 GMT+0800 (中国标准时间)

获取对应日期

我们可以使用getFullYear()、getMonth()、getDate()等方法获取时间对象对应的年月日：

let now = new Date();
let year = now.getFullYear(); // 获取当前年份
let month = now.getMonth() + 1; // 获取当前月份 (注意该方法的返回值从0开始）
let date = now.getDate(); // 获取当前日期

console.log(`当前时间是${year}年${month}月${date}日`);

输出结果如下：

当前时间是2020年3月5日

示例说明

示例1：倒计时

下面是一个简单的倒计时示例，实现页面上显示一个倒计时，每秒钟更新一次：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>倒计时</title>
</head>
<body>
  <div id="time">距离下一场比赛还有:</div>
  <script type="text/javascript">
    let targetTime = new Date("2020-03-08 21:00:00").getTime(); // 设置目标时间的时间戳
    setInterval(function() {
      let now = new Date().getTime(); // 获取当前时间的时间戳
      let distance = targetTime - now; // 目标时间与当前时间的时间差
      let days = Math.floor(distance / (1000 * 60 * 60 * 24)); // 计算天数
      let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // 计算小时数
      let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); // 计算分钟数
      let seconds = Math.floor((distance % (1000 * 60)) / 1000); // 计算秒数
      document.getElementById("time").innerHTML = `距离下一场比赛还有:${days}天 ${hours}小时 ${minutes}分 ${seconds}秒`;
    }, 1000);
  </script>
</body>
</html>

在页面上打开该示例，即可看到页面上实时更新的倒计时。

示例2：时间格式化

下面是一个时间格式化的示例，实现对一个时间的格式化：

function formatDate(date) {
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let hour = date.getHours();
  let minute = date.getMinutes();
  let second = date.getSeconds();
  return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}

let now = new Date();
console.log(formatDate(now)); // 输出2020-3-5 20:13:07

该示例将一个时间对象格式化为年-月-日时:分:秒的字符串格式，并在控制台上输出。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Javascript获取当前时间函数和时间操作小结 - Python技术站