当前位置:首页 > 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() 或手动拼接年月日来格式化时间戳。

jquery时间戳

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); // 同上

计算时间差

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

jquery时间戳

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()

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

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

相关文章

jquery库

jquery库

jQuery 库简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其核心特点是“Write Less, Do More”,…

jquery和vue的区别

jquery和vue的区别

jQuery 和 Vue.js 的区别 jQuery 和 Vue.js 是两种不同的前端技术,分别适用于不同的场景和开发需求。以下是它们的主要区别: 设计理念 jQuery 是一个轻量级的 Jav…

jquery特效

jquery特效

jQuery 常见特效实现方法 淡入淡出效果 使用 fadeIn() 和 fadeOut() 方法实现元素的渐显和渐隐效果。可通过参数控制动画持续时间(毫秒)和缓动函数。 $("#element")…

jquery 图片

jquery 图片

jQuery 图片操作 jQuery 提供了多种方法来操作图片,包括加载、显示、隐藏、调整尺寸等。以下是一些常见的图片操作方法: 动态加载图片 使用 attr() 方法可以动态修改图片的 src 属…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…

jquery加载

jquery加载

jQuery 加载方法 使用 CDN 加载 jQuery 推荐通过公共 CDN(如 Google、Microsoft 或 jQuery 官方)加载,速度快且可能已被浏览器缓存。 <…