如何在 JavaScript 日期对象中添加 10 秒？

在本教程中，我们将学习如何在 JavaScript 日期对象中添加 10 秒。我们将讨论以下两种方法。

  • 使用 setSeconds() 方法

  • 使用 getTime() 方法

使用 setSeconds() 方法

JavaScript 日期对象的 setSeconds() 方法根据本地时间设置指定日期的秒数。此方法接受两个参数，第一个参数是 0 到 59 之间的秒数，第二个参数是 0 到 999 之间的毫秒数。

如果您未指定第二个参数，则使用 getMilliseconds() 方法返回的值。如果您指定的参数超出预期范围，setSeconds() 方法将尝试相应地更新 Date 对象中的日期信息。

例如，如果您将秒值设置为 100，则 Date 对象中存储的分钟将递增 1，秒将使用 40。

语法

Date.setSeconds(seconds, ms)

参数

  • seconds − 这是一个 0 到 59 之间的整数，表示秒数。如果您指定了 seconds 参数，则也必须指定 minutes。

  • ms − 这是一个 0 到 999 之间的数字，表示毫秒数。如果您指定了 ms 参数，则也必须指定 minutes 和 seconds。

方法

要使用 setSeconds() 方法在 Date 对象中添加 10 秒，我们首先获取当前时间的秒数的值，然后向其中添加 10，并将添加后的值传递给 setSeconds() 方法。

示例

在这个例子中，我们使用 setSeconds() 方法向当前时间添加 10 秒。

<html>
<head>
   <title>Example- adding 10 seconds to a JavaScript date object</title>
</head>
<body>
   <h3> Add 10 seconds to the JavaScript Date object using setSeconds( ) method </h3>
   <p> Click on the button to add 10 seconds to the current date/time.</p>
   <button onclick="add()">Click Me</button>
   <p id="currentTime">Current Time : </p>
   <p id="updatedTime">Updated Time: </p>
</body>
<script>
   // Code the show current time
   let ct = document.getElementById("currentTime")
   setInterval(() => {
      let currentTime = new Date().getTime();
      ct.innerText = "Current Time : " + new Date(currentTime).toLocaleTimeString()
   }, 1000)

   // Code to add 10 seconds to current Time
   let ut = document.getElementById("updatedTime")
   function add() {
      setInterval(() => {
         let dt = new Date();
         dt.setSeconds(dt.getSeconds() + 10);
         ut.innerText = "Updated Time : " + dt.toLocaleTimeString();
      }, 1000)
   }
</script>
</html>

使用 getTime() 方法

JavaScript 日期对象的 getTime() 方法根据世界标准时间返回与指定日期时间对应的数值。getTime() 方法返回的值是从 1970 年 1 月 1 日 00:00:00 算起的毫秒数。

语法

Date.getTime()

方法

要在 Date 对象中添加 10 秒，首先，我们使用 Date.getTime() 方法获取当前时间，然后向其中添加 10000 毫秒，并将添加后的值传递给 Date 对象。

示例

在这个例子中，我们使用 getTime() 方法向当前时间添加 10 秒。

<html>
<head>
   <title>Example – adding 10 seconds to Date object</title>
</head>
<body>
   <h3> Add 10 seconds to the JavaScript Date object </h3>
   <p> Click on the button to add 10 seconds to the current date/time.</p>
   <button onclick="add()">Click Me</button>
   <p id="currentTime">Current Time : </p>
   <p id="updatedTime">Updated Time: </p>
</body>
<script>
   // Code the show current time
   let ct = document.getElementById("currentTime")
   setInterval(() => {
      let currentTime = new Date().getTime();
      ct.innerText = "Current Time : " + new Date(currentTime).toLocaleTimeString()
   }, 1000)
   
   // Code to add 10 seconds to current Time
   let ut = document.getElementById("updatedTime")
   function add() {
      setInterval(() => {
         let currentTime = new Date().getTime();
         let updatedTIme = new Date(currentTime + 10000);
         ut.innerText = "Updated Time : " + updatedTIme.toLocaleTimeString()
      }, 1000)
   }
</script>
</html>

总而言之，我们讨论了两种向 JavaScript 日期对象添加 10 秒的方法。第一种方法是使用 setSeconds() 方法，第二种方法是使用 getTime() 方法。

更新于：2022年8月22日

4K+ 浏览量

启动您的 职业生涯

完成课程获得认证

开始学习
广告