实现内容：

1、时间戳 1587024986952 转成年月日时分秒 2020-04-16 16:16:46

2、当前时间new Date()转成年月日时分秒2019-04-17 10:27:27

3、2020-5-16 17:00:00与当前时间new Date()比较时间差

4、2020-5-16 17:00:00 与 2020-04-16 16:21:53 的时间差

效果：

代码1：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>1、JS结束时间与当前时间间隔</title>

</head>

<body>

<div class='divClass' id='timeCont'>

    <p>当前时间   <span id='nowTime'></span></p>

    <p>结束时间   <span  id='end'></span></p>

    <p style='background:#f00;width: 300px;line-height: 2rem;'>相差时间   <span  id='interval'></span></p>

</div>

<script>

    //1、当前时间new Date()转成年月日时分秒2019-04-17 10:27:27

    function time(now){

        var yy = now.getFullYear(); //年

        var mm = now.getMonth() + 1; //月

        var dd = now.getDate(); //日

        var hh = now.getHours(); //时

        var ii = now.getMinutes(); //分

        var ss = now.getSeconds(); //秒

        var time = yy + "-";

        if (mm < 10) time += "0";

        time += mm + "-";

        if (dd < 10) time += "0";

        time += dd + " ";

        if (hh < 10) time += "0";

        time += hh + ":";

        if (ii < 10) time += '0';

        time += ii + ":";

        if (ss < 10) time += '0';

        time += ss;

        return time;

    }

    setInterval(function(){

        var nowTime =  time(new Date())

        var end_time = '2020-5-16 17:00:00';

        document.querySelector('#nowTime').innerHTML = nowTime;

        document.querySelector('#end').innerHTML = end_time;

        document.querySelector('#interval').innerHTML = timeDown(end_time);

    },1000)

    // 2、结束时间2020-5-16 17:00:00与当前时间new Date()比较时间差

    function timeDown(endDateStr) {

            //结束时间

            var endDate = new Date(endDateStr);

            //当前时间

            var nowDate = new Date();

            //相差的总秒数

            var totalSeconds = parseInt((endDate - nowDate) / 1000);

            //天数

            var days = Math.floor(totalSeconds / (60 * 60 * 24));

            //取模（余数）

            var modulo = totalSeconds % (60 * 60 * 24);

            //小时数

            var hours = Math.floor(modulo / (60 * 60));

            modulo = modulo % (60 * 60);

            //分钟

            var minutes = Math.floor(modulo / 60);

            //秒

            var seconds = modulo % 60;

            //输出到页面

            this.timeCon=days + " 天 " + hours + " 小时 " + minutes + " 分 " + seconds + " 秒";

            return this.timeCon;

    }

</script>

</body>

</html>

代码二：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>2、JS结束时间与当前时间间隔</title>

</head>

<body>

<div class='divClass' id='timeCont'>

    <p>当前时间   <span id='nowTime'></span></p>

    <p>结束时间   <span  id='end'></span></p>

    <p style='background:#f00;width: 300px;line-height: 2rem;'>相差时间   <span  id='interval'></span></p>

</div>

<script>

    //1、时间戳 1587024986952 转成年月日时分秒 2020-04-16 16:16:46

    function timestampToTime(timestamp) {

        var date = new Date();//时间戳为10位需*1000，时间戳为13位的话不需乘1000

        var Y = date.getFullYear() + '-';

        var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';

        var D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate()) + ' ';

        var h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours()) + ':';

        var m = (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes()) + ':';

        var s = (date.getSeconds() < 10 ? '0'+date.getSeconds() : date.getSeconds());

        strDate = Y+M+D+h+m+s;

        return strDate;

    };

    // 2020-5-16 17:00:00 与 2020-04-16 16:21:53 的时间差

    function timeInterval(endTime,startTime){

        var time1=startTime.replace(new RegExp(/-/gm) ,"/");

        var time2=endTime.replace(new RegExp(/-/gm) ,"/");

        var stime=new Date(time1).getTime();

        var etime = new Date(time2).getTime();

        var usedTime = etime - stime;

        var days=Math.floor(usedTime/(24*3600*1000));

        var leave1=usedTime%(24*3600*1000);

        var hours=Math.floor(leave1/(3600*1000))+'';

        hours= hours.length==1 ? '0'+hours:hours;

        var leave2=leave1%(3600*1000);

        var minutes=Math.floor(leave2/(60*1000))+'';

        minutes= minutes.length==1 ? '0'+minutes:minutes;

        var leave3=leave2%(60*1000);

        var seconds=(Math.round(leave3/1000))+'';

        seconds= seconds.length==1 ? '0'+seconds:seconds;

        var time = days + "天"+hours+"时"+minutes+"分"+seconds+'秒';

        return time;

    }

    setInterval(function(){

        var end_time = '2020-5-16 17:00:00';

        var nowTime=self.timestampToTime( new Date().getTime());     //2020-04-16 16:21:53

        document.querySelector('#nowTime').innerHTML = nowTime;

        document.querySelector('#end').innerHTML = end_time;

        document.querySelector('#interval').innerHTML = self.timeInterval(end_time,nowTime);

    },1000)

</script>

</body>

</html>

JS结束时间与当前时间间隔的更多相关文章

  1. easyui 时间段校验，开始时间小于结束时间，并且时间间隔不能超过30天

    //对easyui datetimebox的验证,开始时间要小于结束时间function validateDateTime(beginTimeId,endTimeId,whichTimeId){ co ...

  2. JS时间戳比较大小：对于一组时间戳(开始时间~结束时间)和另一组时间戳进行比较,用于判断被比较时间戳组是否在要求范围内

    /* *JS时间戳比较大小:对于一组时间戳(开始时间~结束时间)和另一组时间戳进行比较,用于判断被比较时间戳组是否在要求范围内 *@param date1 date2(形如:'2015-01-01'类 ...

  3. 关于WdatePicker.js的结束时间大于开始时间

    简单笔记 : WdatePicker.js 要使结束时间大于开始时间只要在线束时间的 minDate:'#F{$dp.$D(\'stimeParam\')}' 即可:不多说 详细代码如下: <t ...

  4. js 获取开始时间和结束时间相隔小时及分钟（时间戳操作）

    js 获取开始时间和结束时间相隔小时及分钟(时间戳操作) 场景描述:获取开始时间和结束时间相隔小时及分钟 实例: TimeOnConfirm(curDate) { if(this.pickernum ...

  5. JS获取开始、结束时间

    /** * 获取本周.本季度.本月.上月的开始日期.结束日期 */ var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天 ...

  6. js获取本周、上周的开始结束时间

    这两天在做一个报表体统,其中涉及到了一个根据本周,上周,本月,上月的时间来进行查询的问题,在这个我就教一下大家怎么实现,大家如果有更好的实现方法的,我也希望大家能说出来,我们交流交流. 首先呢,我写了 ...

  7. js　開始时间，当前时间，结束时间的比較

    //開始时间不能小于当前时间 function startTimeIsBigThanTotay(startTime){ var startdate = new Date((startTime).rep ...

  8. JS判断开始时间不能大于检查结束时间

    //用来检验检查开始时间不能大于检查结束时间 function checkDate(date){ var startDate = $("#jcrwModel_rwfqsj").va ...

  9. My97DatePicker：开始时间和结束时间的最大间隔为1个月30天，并且不大于当前时间（3种方法）

    问题的背景 在之前做Web项目的时候,开始时间和结束时间,只有2个要求: 1.开始时间必须小于等于结束时间,不能超过当前时间. 2.结束时间必须大于等于开始时间,不能超过当前时间. 由于开始时间不大于 ...

  10. sharepoint2010问卷调查（3）-实现问卷的开始和结束时间（采用自定义字段类型）

    接着上面的图片调查,sharepoint自带的问卷调查是没有开始和结束时间的.这个在项目过程不太实用.问卷一般有开始和结束时间的.因此需要自己 动手开发一个自定义字段类型字段.如下图: 开发添加栏目会 ...

随机推荐

  1. 【微服务架构设计实施】第一部分：架构篇-1：微服务架构与Spring Cloud介绍

    〇.概述 一.微服务架构与Spring Cloud (一)概念 不同说法:细粒度的.清凉组件化的小型SOA(面向服务架构) 统一说法:小型应用程序(服务组件),使用轻量级设计方法和HTTP协议通信 理 ...

  2. 2.9：数据交换-csv、Excel、json、爬虫、Tushare获取数据

    〇.任务 1. 使用Python基础文件读写函数完成CSV文件的处理: 2. 使用标准CSV库完成CSV文件的处理: 3. 使用Excel库完成Excel文件的处理: 4. Python数据结构和Js ...

  3. Curve 块存储应用实践 -- iSCSI

    Curve 是云原生计算基金会 (CNCF) Sandbox 项目,是网易数帆发起开源的高性能.易运维.云原生的分布式存储系统. 为了让大家更容易使用以及了解 Curve,我们期望接下来通过系列应用实 ...

  4. ast在爬虫上的应用

    https://astexplorer.net/ https://zhuanlan.zhihu.com/p/371710865 1.基础了解 const {parse} =require(" ...

  5. 4.1IDA基础设置--《恶意代码分析实战》

    1.加载一个可执行文件 ① 选项一:当加载一个文件(如PE文件),IDA像操作系统加载器一样将文件映射到内存中. ② 选项三:Binary File:将文件作为一个原始的二进制文件进行反汇编,例如文件 ...

  6. 网络基础与osi七层与TCP/IP协议

     一 什么是网络 网络:计算机网络是一组计算机或网络设备通过有形 的线缆或无形的媒介如无线,连接起来,按照一定的 规则,进行通信的集合. 通信,是指人与人.人与物.物与物之间通过某种媒 介和行为进行的 ...

  7. CCS选择器 选择器优先级 选择器常见属性

    目录 CSS前戏 1.css语法结构 2.css注释语法 3.引入css的多种方式 CSS基本选择器 1.标签选择器 2.类选择器 3.id选择器 4.通用选择器 CSS组合选择器 1.后代选择器(空 ...

  8. 李宏毅机器学习笔记:从0到写AI

    part1.基本介绍 1.机器学习的三个任务 一般情况下,我们在机器学习中有三个基本任务,分别是Regression Classification和Structured Regression是计算数值 ...

  9. day02-功能实现01

    家具网购项目实现01 1.项目开发环境搭建 创建一个web项目,添加需要的jar包(暂不使用Maven) 依照5.1的表格来创建项目的大体分层: 2.功能01-搭建前端页面 2.1需求分析/图解 2. ...

  10. idea 函数名灰色

    idea被引用的方法名突然全部灰掉了 idea被引用的方法名突然全部灰掉了[已解决]_weixin_42554373的博客-CSDN博客_idea方法名灰色