当前位置:首页 > JavaScript

js实现秒数

2026-02-01 08:30:02JavaScript

获取当前时间的秒数

使用 Date 对象获取当前时间的秒数:

const now = new Date();
const seconds = now.getSeconds();
console.log(seconds); // 输出当前秒数(0-59)

计算两个时间点之间的秒数差

计算两个 Date 对象之间的秒数差异:

const start = new Date('2023-01-01T00:00:00');
const end = new Date();
const diffInSeconds = Math.floor((end - start) / 1000);
console.log(diffInSeconds); // 输出相差的秒数

格式化秒数为时间字符串

将总秒数转换为 HH:MM:SS 格式:

js实现秒数

function formatSeconds(totalSeconds) {
  const hours = Math.floor(totalSeconds / 3600);
  const minutes = Math.floor((totalSeconds % 3600) / 60);
  const seconds = totalSeconds % 60;

  return [
    hours.toString().padStart(2, '0'),
    minutes.toString().padStart(2, '0'),
    seconds.toString().padStart(2, '0')
  ].join(':');
}

console.log(formatSeconds(3661)); // 输出 "01:01:01"

实现倒计时功能

创建一个简单的秒级倒计时:

let countdown = 10; // 10秒倒计时

const timer = setInterval(() => {
  console.log(countdown);
  countdown--;

  if (countdown < 0) {
    clearInterval(timer);
    console.log('倒计时结束');
  }
}, 1000);

高性能精确计时

使用 performance.now() 获取高精度时间(毫秒)并转换为秒:

js实现秒数

const startTime = performance.now();

// 执行一些操作
for (let i = 0; i < 1000000; i++) {}

const endTime = performance.now();
const elapsedSeconds = (endTime - startTime) / 1000;
console.log(`耗时:${elapsedSeconds.toFixed(3)}秒`);

处理UNIX时间戳

将UNIX时间戳(秒)转换为日期对象:

const unixTimestamp = 1672531200; // 2023-01-01 00:00:00 UTC
const date = new Date(unixTimestamp * 1000);
console.log(date.toISOString());

秒数转换工具函数

常用秒数转换工具函数集合:

const secondsUtil = {
  // 秒转分钟
  toMinutes: (s) => s / 60,

  // 秒转小时
  toHours: (s) => s / 3600,

  // 秒转天数
  toDays: (s) => s / 86400,

  // 人类可读格式
  toHuman: (s) => {
    const days = Math.floor(s / 86400);
    const hours = Math.floor((s % 86400) / 3600);
    const minutes = Math.floor((s % 3600) / 60);
    const seconds = s % 60;

    return `${days}d ${hours}h ${minutes}m ${seconds}s`;
  }
};

console.log(secondsUtil.toHuman(100000)); // 输出 "1d 3h 46m 40s"

标签: js
分享给朋友:

相关文章

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div cl…

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

使用js实现

使用js实现

使用JavaScript实现 JavaScript可以通过Math.random()函数生成随机数,结合其他方法可以实现多种随机数生成需求。 // 生成0到1之间的随机小数 const random…

js实现目录

js实现目录

实现目录的基本思路 在JavaScript中实现目录功能通常涉及以下几个核心步骤:解析文档中的标题元素(如h1-h6),动态生成目录结构,并添加交互逻辑(如点击跳转)。以下是具体实现方法: 解析标题…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…