js计算两个时间差 天 时 分 秒 毫秒的代码

 更新时间:2019年05月21日 16:04:58   作者:下页、再停留  
这篇文章主要介绍了js计算两个时间差 天 时 分 秒 毫秒的实例代码,本文给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下

具体代码如下所述:

// 计算两个时间差 dateBegin 开始时间
function timeFn(dateBegin) {
  //如果时间格式是正确的,那下面这一步转化时间格式就可以不用了
  var dateEnd = new Date();//获取当前时间
  var dateDiff = dateEnd.getTime() - dateBegin;//时间差的毫秒数
  var dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));//计算出相差天数
  var leave1=dateDiff%(24*3600*1000)  //计算天数后剩余的毫秒数
  var hours=Math.floor(leave1/(3600*1000))//计算出小时数
  //计算相差分钟数
  var leave2=leave1%(3600*1000)  //计算小时数后剩余的毫秒数
  var minutes=Math.floor(leave2/(60*1000))//计算相差分钟数
  //计算相差秒数
  var leave3=leave2%(60*1000)   //计算分钟数后剩余的毫秒数
  var seconds=Math.round(leave3/1000)
  var leave4=leave3%(60*1000)   //计算分钟数后剩余的毫秒数
  var minseconds=Math.round(leave4/1000)
  var timeFn = "耗时:"+dayDiff+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒"+minseconds+"毫秒";
  return timeFn;
}

ps下面看下Js计算时间差,天数,小时数,余数

var begintime_ms = Date.parse(new Date(begintime.replace(/-/g, "/"))); //begintime 为开始时间 
var endtime_ms = Date.parse(new Date(endtime.replace(/-/g, "/")));  // endtime 为结束时间 
得到的结果为 毫秒数,可根据 毫秒数的大小,来判断时间。 
当然根据毫秒数 可以根据他们的差值 来求相差的天数或是小时等。 
------------------------------- 
以上是求得 用户输入时间的毫秒数 
var date1=new Date(); //开始时间 
var date2=new Date();  //结束时间 
var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 
------------------------------ 
//计算出相差天数 
var days=Math.floor(date3/(24*3600*1000)) 
//计算出小时数 
var leave1=date3%(24*3600*1000)  //计算天数后剩余的毫秒数 
var hours=Math.floor(leave1/(3600*1000)) 
//计算相差分钟数 
var leave2=leave1%(3600*1000)    //计算小时数后剩余的毫秒数 
var minutes=Math.floor(leave2/(60*1000)) 
//计算相差秒数 
var leave3=leave2%(60*1000)   //计算分钟数后剩余的毫秒数 
var seconds=Math.round(leave3/1000) 
alert(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒") 

总结

以上所述是小编给大家介绍的js计算两个时间差 天 时 分 秒 毫秒的代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • 详解TypeScript中类的定义与用法

    详解TypeScript中类的定义与用法

    TypeScript是一种开源的编程语言,它是JavaScript的超集,这篇文章主要来和大家介绍一下TypeScript中类的定义与用法,感兴趣的小伙伴可以了解一下
    2023-06-06
  • layui上传图片到服务器的非项目目录下的方法

    layui上传图片到服务器的非项目目录下的方法

    今天小编就为大家分享一篇layui上传图片到服务器的非项目目录下的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 小程序日历控件使用方法详解

    小程序日历控件使用方法详解

    这篇文章主要为大家详细介绍了小程序日历控件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • js实现不提交表单获取单选按钮值的方法

    js实现不提交表单获取单选按钮值的方法

    这篇文章主要介绍了js实现不提交表单获取单选按钮值的方法,涉及javascript鼠标事件及页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 利用javascript实现全部删或清空所选的操作

    利用javascript实现全部删或清空所选的操作

    这篇文章主要介绍了利用javascript实现全部删或清空所选的操作,需要的朋友可以参考下
    2014-05-05
  • javascript基本数据类型及类型检测常用方法小结

    javascript基本数据类型及类型检测常用方法小结

    这篇文章主要介绍了javascript基本数据类型及类型检测常用方法,总结分析了javascript的基本数据类型与类型检测的常用操作方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • javascript常用的方法整理

    javascript常用的方法整理

    JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的。这章我给大家整理了一些JAVASCRIPT的基础知识、常用代码和事件汇总。
    2015-08-08
  • 高效的jquery数字滚动特效

    高效的jquery数字滚动特效

    这篇文章主要介绍了高效的jquery数字滚动特效,灵活的进行数字滚动,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 详解JavaScript逻辑Not运算符

    详解JavaScript逻辑Not运算符

    这篇文章主要介绍了JavaScript逻辑Not运算符,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示,想要深入了解逻辑Not运算符的朋友可以参考一下
    2015-12-12
  • js H5 canvas投篮小游戏

    js H5 canvas投篮小游戏

    这篇文章主要为大家详细介绍了JavaScript结合H5 canvas实现投篮小游戏的具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08

最新评论