当前位置:首页 > jquery

jquery时间戳

2026-02-03 13:43:42jquery

获取当前时间戳

使用 Date.now() 可以获取当前的时间戳,单位为毫秒。jQuery 本身不提供时间戳相关方法,但可以直接调用 JavaScript 原生方法。

var timestamp = Date.now();
console.log(timestamp); // 输出当前时间戳,例如 1716800000000

将时间戳转换为日期

通过 new Date() 可以将时间戳转换为可读的日期格式。

var timestamp = 1716800000000;
var date = new Date(timestamp);
console.log(date); // 输出格式如: Wed May 25 2024 00:00:00 GMT+0800 (中国标准时间)

格式化时间戳为字符串

使用 toLocaleString() 或手动拼接年月日来格式化时间戳。

var timestamp = 1716800000000;
var date = new Date(timestamp);

// 自动转换为本地时间格式
var localString = date.toLocaleString();
console.log(localString); // 例如: "2024/5/25 00:00:00"

// 手动拼接格式
var formattedDate = date.getFullYear() + '-' + 
                    (date.getMonth() + 1).toString().padStart(2, '0') + '-' + 
                    date.getDate().toString().padStart(2, '0');
console.log(formattedDate); // 例如: "2024-05-25"

将日期字符串转换为时间戳

通过 Date.parse()new Date().getTime() 将日期字符串转为时间戳。

var dateString = "2024-05-25";
var timestamp1 = Date.parse(dateString); // 直接解析
var timestamp2 = new Date(dateString).getTime(); // 通过 Date 对象获取

console.log(timestamp1); // 输出时间戳,如 1716566400000
console.log(timestamp2); // 同上

计算时间差

通过时间戳可以方便地计算两个日期之间的差值(毫秒、秒、分钟等)。

var start = Date.now();
// 模拟耗时操作
setTimeout(function() {
    var end = Date.now();
    var diffMs = end - start; // 毫秒差
    var diffSec = Math.floor(diffMs / 1000); // 秒差
    console.log("耗时:" + diffMs + "毫秒 (" + diffSec + "秒)");
}, 1000);

兼容低版本浏览器

对于不支持 Date.now() 的旧浏览器(如 IE8),可以用 new Date().getTime() 替代。

var timestamp = new Date().getTime(); // 等同于 Date.now()

注意事项

  1. 单位问题:JavaScript 时间戳以毫秒为单位,Unix 时间戳以秒为单位。转换时需注意除以 1000 或乘以 1000。

    var unixTimestamp = Math.floor(Date.now() / 1000); // 转为 Unix 时间戳(秒)
  2. 时区问题new Date(timestamp) 生成的时间是本地时区时间,如需 UTC 时间,使用 toUTCString()

    jquery时间戳

    var utcString = new Date(timestamp).toUTCString();

标签: 时间jquery
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获取 jQ…

jquery 使用

jquery 使用

jQuery 基础使用 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互的操作。以下是 jQuery 的基本使用方法。 引入…

jquery li

jquery li

jQuery 操作 <li> 元素的方法 jQuery 提供了多种方法来操作 HTML 中的 <li> 元素(列表项)。以下是常见的使用场景和示例: 选择 <li&…

jquery 数字

jquery 数字

jQuery 数字操作 jQuery 本身不直接提供数字操作的方法,但可以结合 JavaScript 的数字处理功能来实现。以下是常见的数字操作场景及实现方式。 数字格式化 使用 JavaScrip…

引用jquery

引用jquery

以下是关于引用 jQuery 的几种常见方法: 通过 CDN 引用 使用公共内容分发网络(CDN)加载 jQuery,例如 Google 或 Microsoft 提供的 CDN。这种方式加载速度快且…

jquery拖动

jquery拖动

jQuery 拖动实现方法 使用 jQuery 实现拖动功能可以通过原生 HTML5 的拖放 API 或借助 jQuery UI 的拖拽组件。以下是两种常见的方法: 使用 jQuery UI 的 D…