/**

         * 获取时间格式为：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>

结果：

JS获取时间（当前-过去-未来）的更多相关文章

  1. js获取时间相关函数

    js获取时间函数 var myDate = new Date; var year = myDate.getFullYear();//获取当前年 var yue = myDate.getMonth()+ ...

  2. js 获取时间 new Date()详细介绍

    javaScript系列:js中获取时间new Date()详细介绍 (2012-03-31 09:54:25) 转载▼ 标签: js时间 new date() 字符类型 转换 分类: study-j ...

  3. js 获取时间对象代码

    /** * 获取时间对象 */function getDateObj(addDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+addDa ...

  4. js获取时间加多山天和时间戳转换成日期

    function huoqu(){    var data = $("#data").val();//获取的时间    var day = $('#day').val();//往后 ...

  5. js获取时间,循环执行任务,延迟执行任务

    一.获取时间 核心方法创建一个时间对象:new Date() 时间对象相关操作 时间对象.函数名 函数名 功能 getYear() 获取四位数的年份 getMonth() 获取2位数的月数, 这个是从 ...

  6. js获取时间及转化

    有关Javascript的本地时间获取,下面我直接用代码来进行举例吧 let time = new Date(); let month = time.getMonth()+1; //获取的月份0~11 ...

  7. js 获取时间比较全，留备用（zhuan）

    var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear();    //获取完整的年份(4位 ...

  8. 【巩固】JS获取时间的一些基础知识

    就是一个new Date()对象,要注意的有以下几点; 直接给oDate对象设置年月日时分秒的时候要分成两步,oDate.setFullYear()接受三个参数分别是年月日,注意月份是从0开始计一月的 ...

  9. js获取时间天数

    date2必须大于date1 function getDays(date1,date2){ /*获取之间的天数*/ /*date1,date2都是date格式*/ var getd=(date2.ge ...

随机推荐

  1. 统计一个16位二进制数中1的个数，并将结果以十六进制形式显示在屏幕上，用COM格式实现。

    问题 统计一个16位二进制数中1的个数,并将结果以十六进制形式显示在屏幕上,用COM格式实现. 代码 code segment assume cs:code org 100h main proc ne ...

  2. Golang | Go语言多态的实现与interface使用

    本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是golang专题的第11篇文章,我们一起来聊聊golang当中多态的这个话题. 如果大家系统的学过C++.Java等语言以及面向对象的 ...

  3. x86架构：保护模式下加载并运行用户程序

    本章的代码分3个模块: MBR 引导:加载内核core程序 core:包含内核代码段(从磁盘加载用户程序并重定位).内核数据段(存放api名称.临时缓冲.字符串等).API段(供用户程序调用) 用户程 ...

  4. ORACLE不完成恢复ORA-00392，ORA-00312，ORA-00349

    背景: 进行测试库不完全恢复,log_file_name_convert没调整好.rac-asm至单实例-文件系统,recover完成后,mount状态的database  执行 alter data ...

  5. xml schema杂谈

    有一些场景,我们需要写xml,又需要对内容进行约束,比如智能输入某个值范围,只能写入固定值 这个时候我们就需要xml schema 这个,百度解释为 XML Schema 的作用是定义 XML 文档的 ...

  6. 【PA2014】Bohater 题解（贪心）

    前言:一道经典贪心题. -------------------------- 题目链接 题目大意:你有$z$滴血,要打$n$只怪.打第$i$只怪扣$d_i$滴血,回$a_i$滴血.问是否存在一种能够通 ...

  7. 比PS还好用！Python 20行代码批量抠图

    你是否曾经想将某张照片中的人物抠出来,然后拼接到其他图片上去,从而可以即使你在天涯海角,我也可以到此一游? 很多人学习python,不知道从何学起.很多人学习python,掌握了基本语法过后,不知道在 ...

  8. 教你看懂Docker和K8S！

    转载于 https://my.oschina.net/jamesview/blog/2994112 2010年,几个搞IT的年轻人,在美国旧金山成立了一家名叫“dotCloud”的公司. 这家公司主要 ...

  9. java_抽象类、接口、多态的使用

    抽象类 抽象类:包含抽象方法的类. 抽象方法 : 没有方法体的方法. 使用 abstract关键字修饰方法,该方法就成了抽象方法,抽象方法只包含一个方法名,而没有方法体. 格式为:修饰符 abstra ...

  10. 浅析Facebook LibraBFT与比原链Bystack BBFT共识

    如果说什么是区块链的灵魂,那一定是共识机制. 它是区块链的根基.无论公链或是联盟链,共识机制都从基础上限制了区块链的交易处理能力和扩展性. 2019年6月18日,Facebook 发布了自己 Libr ...