当前位置:首页 > 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实现预览

文件上传预览实现 使用JavaScript实现文件上传预览功能,可以通过FileReader对象读取文件内容并显示预览。以下代码支持图片、文本和PDF文件的预览: // HTML部分需要包含inpu…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的JWT令牌…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…

js实现 功能

js实现 功能

在 JavaScript 中实现功能通常涉及多个关键步骤,具体取决于功能需求。以下是常见功能的实现方法和示例: 基本功能实现 使用函数封装逻辑是最直接的方式。例如,实现一个计算两数之和的函数: f…

js图片上传实现

js图片上传实现

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API实现基础图片上传功能。HTML部分需要设置accept="image/…

js 实现截图

js 实现截图

使用html2canvas库实现截图 html2canvas是一个流行的JavaScript库,可将HTML元素转换为Canvas,进而导出为图片。 安装库: npm instal…