如何将 10 秒添加到 JavaScript 日期对象?
在本教程中，我们将学习如何将 10 秒添加到 JavaScript 日期对象。这里我们将讨论以下两种方法。
使用 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() 方法将 10 秒添加到 Date 对象中，首先我们获取当前时间的秒值，然后将 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 date getTime() 方法根据世界时返回与指定日期的时间相对应的数值。getTime() 方法返回的值是自 1970 年 1 月 1 日 00:00:00 以来的毫秒数。
语法
Date.getTime()
方法
要将 10 秒添加到 Date 对象，首先，我们使用 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() 方法。
