/**

         * 获取时间格式为：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. PHP is_executable() 函数

    定义和用法 is_executable() 函数检查指定的文件是否可执行. 如果文件可执行,该函数返回 TRUE. 语法 is_executable(file) 参数 描述 file 必需.规定要检查 ...

  2. P1429 平面最近点对[加强版] 随机化

    LINK:平面最近点对 加强版 有一种分治的做法 因为按照x排序分治再按y排序 可以证明每次一个只会和周边的六个点进行更新. 好像不算很难 这里给出一种随机化的做法. 前置知识是旋转坐标系 即以某个点 ...

  3. 简单的 vector

    #pragma once #include <memory.h> #include <stdlib.h> #include <iostream> using std ...

  4. Chrome简洁高效管理下载项

    每次要查看下载记录时,Chrome新建下载标签页的速度能让我抓狂 之前用的 Chrono 界面太过传统,而且还不能点击打开.所以一直在寻找好用的下载管理插件,经过多次在拓展商城搜索比对,找到了这款拓展 ...

  5. 文档写作利器：Markdown

    大佬的文章,写的很好,里面推荐的Markdown编辑工具很不错,值的推荐. 文档写作利器:Markdown_网络_xcbeyond|疯狂源自梦想,技术成就辉煌-CSDN博客https://blog.c ...

  6. 一个简单的CPP处理框架

    好久没有在csdn上写过东西了,这么多年,一方面是工作忙,下班到家也没有开过电脑了,要陪小孩玩: 下面分享一段代码,是用CPP做的一个简单的消息(协议)处理框架: 是通过成员函数指针+map来实现的: ...

  7. “随手记”开发记录day12

    就我们团队昨天的讨论,今天进行更改. 今天我们先简单的更改了之前的粉色背景图,因为用户反应总览界面的“总览”二字,是深粉色背景不太美观.进过多次更改之后使颜色变得更舒适.

  8. Vue中diff算法的理解

    Vue中diff算法的理解 diff算法用来计算出Virtual DOM中改变的部分,然后针对该部分进行DOM操作,而不用重新渲染整个页面,渲染整个DOM结构的过程中开销是很大的,需要浏览器对DOM结 ...

  9. Qt之先用了再说系列-多线程方式2

    继Qt之先用了再说系列-多线程方式2 本次说说在Qt里多线程使用第2种方式,也是qt官方比较推荐用的方式,相对与直接继承QThread 重写run方法中灵活了一些,如果第一次使用可能会转不湾来,没有直 ...

  10. vue项目发布后带路径打开页面报404问题

    环境: 后端,python+uwsgi启动 前端:vue  用nginx运行,指定静态目录 问题 :发布后带路径打开页面报404问题,带路径打开即不是打开的主页 解决方案: https://route ...