JavaScript轻松转换时间、计算时间差及添加倒计时

2023-12-27 06:31:33

JavaScript中的时间转换

时间格式转换为时间戳

在JavaScript中，我们可以使用Date.parse()方法将时间格式转换为时间戳。时间戳是一个数字，表示自1970年1月1日午夜以来的毫秒数。例如：

const date = new Date('2023-03-08 12:00:00');
const timestamp = Date.parse(date);
console.log(timestamp); // 1678284800000

时间戳转换为时间格式

要将时间戳转换为时间格式，我们可以使用new Date(timestamp)方法。例如：

const timestamp = 1678284800000;
const date = new Date(timestamp);
console.log(date); // 2023-03-08T08:00:00.000Z

计算两个时间之间的时间差

要计算两个时间之间的时间差，我们可以使用Date.getTime()方法。Date.getTime()方法返回一个数字，表示自1970年1月1日午夜以来的毫秒数。例如：

const date1 = new Date('2023-03-08 12:00:00');
const date2 = new Date('2023-03-09 12:00:00');
const timeDiff = date2.getTime() - date1.getTime();
console.log(timeDiff); // 86400000

使用补零函数

在JavaScript中，我们可以使用String.padStart()和String.padEnd()方法来给字符串补零。这两个方法接受两个参数：要补零的字符串的长度和要补零的字符。例如：

const number = 123;
const paddedNumber = number.toString().padStart(6, '0');
console.log(paddedNumber); // 000123

使用倒计时功能

在JavaScript中，我们可以使用setInterval()方法来实现倒计时功能。setInterval()方法接受两个参数：要执行的函数和执行函数的间隔时间（以毫秒为单位）。例如：

const targetDate = new Date('2023-03-09 12:00:00');
const timeDiff = targetDate.getTime() - new Date().getTime();

const interval = setInterval(() => {
  timeDiff -= 1000;

  if (timeDiff <= 0) {
    clearInterval(interval);
    console.log('倒计时结束！');
  } else {
    const days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
    const hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);

    console.log(`倒计时还剩：${days}天 ${hours}小时 ${minutes}分钟 ${seconds}秒`);
  }
}, 1000);