/**

         * 获取时间格式为：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. 实验05——java算术运算符减法

    package cn.tedu.demo; import java.math.BigDecimal; /** * @author 赵瑞鑫 E-mail:1922250303@qq.com * @ver ...

  2. ftp服务器的安装

    vsftp的安装: 1.安装: yum -y install vsftpd 2.添加ftp用户: useradd ftpuser 3.给ftp用户添加密码: passwd ftpuser 输入两次密码 ...

  3. CustomPlot 在Qt下 鼠标点击曲线 显示当前坐标

    此次记录主要是为了下次使用时能回忆起来才做得笔记,若有需改进的地方,请不吝珠玉. widget.cpp #include "widget.h" #include "ui_ ...

  4. 嵌入式linux简介

    嵌入式linux系统应用非常广泛,涵盖各行各业,基于ARM.mips等微处理器架构的硬件平台.基于嵌入式linux系统的设备已经深入生活中各个角落,随处可见.   我们常说的嵌入式linux系统,其实 ...

  5. intellij idea springboot无法读取配置文件的解决方法

    问题描述 Spring Boot项目中运行之后,出现如下的错误: *************************** APPLICATION FAILED TO START *********** ...

  6. 【av68676164（p15-p17)】进程概念

    from av68676164 4.1.1 进程的基本概念 程序运行在并发环境中的问题 运行过程不确定 结果不可再现(程序运行被干扰) 解决方案:对运行过程施加约束 新的概念:进程 描述和管理程序的& ...

  7. GitLab 转让所有者权限

    GitLab 转让所有者权限 没有查看文档,自己测试了一下,可能会有纰漏,谨慎阅读 私人项目的所有者 私人项目没有所有者权限,可以认为项目命名空间就是所有者. 私人项目http://xxxxxxxxx ...

  8. 工作流选型专项，Camunda or flowable or？

    1. 名词解释 1.1. BPM Business Process Management,业务流程管理,“通过建模.自动化.管理和优化流程,打破跨部门跨系统业务过程依赖,提高业务效率和效果”. 1.2 ...

  9. C#LeetCode刷题之#234-回文链表（Palindrome Linked List）

    问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/3905 访问. 请判断一个链表是否为回文链表. 输入: 1-> ...

  10. LeetCode 64最小路径和

    题目 给定一个包含非负整数的 m x n 网格,请找出一条从左上角到右下角的路径,使得路径上的数字总和为最小. 说明:每次只能向下或者向右移动一步. 示例: 输入: [   [1,3,1], [1,5 ...