当前位置:首页 > 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
分享给朋友:

相关文章

css制作时间轴

css制作时间轴

使用 Flexbox 布局制作时间轴 通过 Flexbox 可以快速实现水平或垂直时间轴。以下是一个垂直时间轴的示例代码: .timeline { display: flex; flex-d…

jquery 图片

jquery 图片

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

jquery代码

jquery代码

以下是关于jQuery代码的常见用法和示例,涵盖基础操作、事件处理、DOM操作等核心功能: 基础语法 jQuery通过$()函数选择元素,支持CSS选择器语法: // 选择所有<p>元…

jquery 加载

jquery 加载

jQuery 加载方法 使用jQuery需要先将其库文件加载到网页中。以下是几种常见的加载方式: 通过CDN加载 推荐使用官方或公共CDN(内容分发网络)加载jQuery,速度快且可能被浏览器缓存:…

使用jquery

使用jquery

引入jQuery库 在HTML文件中通过<script>标签引入jQuery库。可以从CDN加载,例如: <script src="https://code.jquery.com/…

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…