JS获取时间（当前-过去-未来）

本文转载自查看原文 2020-08-28 16:16 909 js时间/ js

/**
         * 获取时间格式为：1970-01-01 00:00
         * @param  {参数} params 
         * 属性         类型      默认值        必填    说明
         * date         Date    new Date()      否     Date对象
         * ms            int         0          否     获取距当前ms毫秒时间
         * dateFormat   String      /           否      日期分隔符
         * timeFormat   string      :           否      时间分隔符
         * 
         */
        const formatTime = (params) => {
            const ms = (!params.ms ? 0 : params.ms);
            const date = !params.data ? new Date(new Date().getTime() + ms) : new Date(params.date.getTime() + ms);
            const year = date.getFullYear();
            const month = date.getMonth() + 1;
            const day = date.getDate();
            const hour = date.getHours();
            const minute = date.getMinutes();
            const second = date.getSeconds();
            const dateFormat = (!params.dateFormat) ? "/" : params.dateFormat;
            const timeFormat = (!params.timeFormat) ? ":" : params.timeFormat;
            return [year, month, day].map(formatNumber).join(dateFormat) + ' ' + [hour, minute, second].map(formatNumber).join(timeFormat);
        }

        const formatNumber = n => {
            n = n.toString();
            return n[1] ? n : '0' + n;
        }

测试案例：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" name="viewport" content="width=device-width;initscale=1.0" />
    <title>js获取当前/未来时间</title>
</head>

<body>
    <h1>5分钟前时间：<span id="beforeFiveMinuteTime"></span></h1>
    <h1>当前时间：<span id="nowTime"></span></h1>
    <h1>5分钟后时间：<span id="afterFiveMinuteTime"></span></h1>

    <script type="text/javascript">
        /**
         * 获取时间格式为：1970-01-01 00:00
         * @param  {参数} params 
         * 属性         类型      默认值        必填    说明
         * date         Date    new Date()      否     Date对象
         * ms            int         0          否     获取距当前ms毫秒时间
         * dateFormat   String      /           否      日期分隔符
         * timeFormat   string      :           否      时间分隔符
         * 
         */
        const formatTime = (params) => {
            const ms = (!params.ms ? 0 : params.ms);
            const date = !params.data ? new Date(new Date().getTime() + ms) : new Date(params.date.getTime() + ms);
            const year = date.getFullYear();
            const month = date.getMonth() + 1;
            const day = date.getDate();
            const hour = date.getHours();
            const minute = date.getMinutes();
            const second = date.getSeconds();
            const dateFormat = (!params.dateFormat) ? "/" : params.dateFormat;
            const timeFormat = (!params.timeFormat) ? ":" : params.timeFormat;
            return [year, month, day].map(formatNumber).join(dateFormat) + ' ' + [hour, minute, second].map(formatNumber).join(timeFormat);
        }

        const formatNumber = n => {
            n = n.toString();
            return n[1] ? n : '0' + n;
        }


        window.onload = () => {
            document.getElementById("beforeFiveMinuteTime").innerHTML = formatTime({
                date: new Date(),
                ms: -5 * 60 * 1000,
                dateFormat: "-"
            });

            document.getElementById("nowTime").innerHTML = formatTime({
                date: new Date(),
                timeFormat: "/"
            });
            document.getElementById("afterFiveMinuteTime").innerHTML = formatTime({
                date: new Date(),
                ms: 5 * 60 * 1000
            });
        }
    </script>

</body>

</html>

结果：

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 java获取未来或者过去的时间 js 计算过去和未来的时间距离现在多少天？ JS 根据时区获取时间 js获取时间天数 js获取当前时间的近12个月，当前日期的未来7天【转】坑！为什么DateTime.Now获取时间不正确，而是过去的时间？ Jmeter获取当前时间、历史时间、未来时间的方式 js获取时间最详细~~~~ js获取时间相关函数 js new Date() 获取时间