const now = new Date(); console.log(now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate() + " " + now.getHours() + ":" + now.getMinutes () + ":" + now.getSeconds());上述代码运行后,控制台输出如下:
2022-2-23 9:52:4
2. 倒计时 当我们需要给网站添加倒计时效果时,我们也可以使用JavaScript来实现。例如,以下代码可以实现倒计时:const countDownDate = new Date("Oct 31, 2022 00:00:00").getTime(); const x = setInterval(函数() { const now = new Date().getTime(); const 距离 = countDownDate - 现在; const days = Math.floor(距离 / (1000 * 60 * 60 * 24)); const 小时 = Math.floor((距离 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));const 分钟 = Math.floor((距离 % (1000 * 60 * 60)) / (1000 * 60)); const 秒 = Math.floor((距离 % (1000 * 60)) / 1000); document.getElementById("倒计时").innerHTML = 天 + "天" + 小时 + "小时" + 分钟 + "分钟" + 秒 + "秒"; 如果(距离<0){ 清除间隔(x); document.getElementById("倒计时").innerHTML = "已过期"; } }, 1000);以上代码的效果是在网页上显示到2022年10月31日0:00还剩多少天、时、分、秒。当时间达到或超过0时: 2022年10月31日00点,显示“已过期”。 3.时间格式 在某些情况下,我们需要对获取的日期进行格式化。例如,我们想要将格式 2022-02-23 的日期转换为格式“2022 年 2 月 23 日”。这可以在 JavaScript 中使用 toLocaleDateString() 方法来实现。以下代码可以将 2022-02-23 转换为“2022 年 2 月 23 日”格式:
const date = new Date("2022-02-23"); const options = { 年:'数字',月:'2 位数字',日:'2 位数字' }; console.log(date.toLocaleDateString('zh', options).replace(/\//g, '年').replace(/-/g, '月') + '日');以上code 输出结果为:
2022年2月23日
除了 toLocaleDateString() 方法之外,您还可以使用 toLocaleTimeString() 方法和 toLocaleString() 方法进行时间格式化。 4. 日期计算有时,我们需要对日期进行加减操作,以实现日期的前一天、后一天等操作。这时,你可以使用JavaScript的Date对象的一些方法。以下是一些常见的日期计算方法://获取指定日期的前一天 const date = new Date("2022-02-23"); const 昨天 = new Date(date.getTime() - 24 * 60 * 60 * 1000); console.log(昨天.toLocaleDateString()); // 获取指定日期的后一天 const 明天 = new Date(date.getTime() + 24 * 60 * 60 * 1000); console.log(tomorrow.toLocaleDateString()); // 获取指定日期与当前日期的时间差(天数) const date2 = new Date("2022-02-22"); const timeDiff = Math.ceil((date.getTime() - date2.getTime()) / (1000 * 3600 * 24)); console.log(timeDiff);上述代码的输出结果为:
2022/2/22
2022/2/24
1
以上就是本文对JavaScript时间案例的介绍。由于时间操作在前端开发中被广泛使用,因此掌握JavaScript日期的基本操作是非常有必要的。希望本文对读者有所帮助。