关于时间的处理

IMWeb前端团队

发布于 2019-12-03 18:21:23

55500

代码可运行

文章被收录于专栏：IMWeb前端团队IMWeb前端团队

运行总次数：0

代码可运行

本文作者：IMWeb 九月原文出处：IMWeb社区 未经同意，禁止转载

计算机处理时间一直都是以时间戳的方式进行的, 并且以 格林尼治时间 1970/1/1 0:0:0 开始计算的:

var date = new Date(0);
date.toString() // Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)
date.toGMTString() // Thu, 01 Jan 1970 00:00:00 GMT
date.toUTCString() // Thu, 01 Jan 1970 00:00:00 GMT

时间的格式化在前端是再正常不过的需求了, 所以会有类似的实现:

function formatDate(pattern, date) {
    date = new Date(date);

    function formatNumber(data, format) {
        data = data || 0;
        format = format.length;
        return format === 1 ? data : String(Math.pow(10, format) + data).slice(-format);
    }

    return pattern.replace(/([YMDhsmw])\1*/g, function(format) {
        switch (format.charAt()) {
            case 'Y':
                return formatNumber(date.getFullYear(), format);
            case 'M':
                return formatNumber(date.getMonth() + 1, format);
            case 'D':
                return formatNumber(date.getDate(), format);
            case 'h':
                return formatNumber(date.getHours(), format);
            case 'm':
                return formatNumber(date.getMinutes(), format);
            case 's':
                return formatNumber(date.getSeconds(), format);
            case 'w':
                return date.getDay();
        }
    });
}

最近在做需求的时候遇到 视频时长的问题, 后台返回的是 以秒为单位的数字, 要处理成 hh:mm:ss 这种格式, 在代码里搜了一下, 找到如下实现:function timeLen(time_len) { function fillZero(value) { return ('0' + value).slice(-2, 3); } return fillZero(Math.floor(time_len / 3600)), fillZero(Math.floor(time_len % 3600 / 60)), fillZero(time_len % 60) .join(':'); }

借助于 formatDate, 也可以这么写:

function timeLenFormat(time_len) {
    return formatDate('hh:mm:ss', new Date(time_len * 1000 + (new Date).setHours(0, 0, 0, 0)));
};

还有一个需求, 要找 N个月以后, 比如 2015/8/31 的 3 个月以后就是 2015/11/30, 月份 +N 很简单, 但是月底要特殊处理, 你不可能输出 2015/11/31, 遇到月底的情况, 这个问题就变成了计算某个月份有多少天了, 平年闰年大小月什么的, 这么简单的问题怎么能想得这么复杂, 所幸 Date 对象支持设置超出范围的日期, 利用这一点: function getDateNextMonth(month, date) { date = date || new Date; var tmp = date.getDate(); date.setMonth(date.getMonth() + month); return tmp === date.getDate() ? date : new Date(date.setDate(1) - 8.64e7); };
时区问题用 (new Date).getTimezoneOffset() 修正
另外, 关于时间的处理, 有一个的库: https://github.com/moment/moment

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2015-08-31 ，如有侵权请联系 cloudcommunity@tencent.com 删除

网站

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

网站

登录后参与评论

0 条评论

热度

关于时间的处理

关于时间的处理

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐