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


Posted in Javascript onMay 21, 2019

具体代码如下所述:

// 计算两个时间差 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计算两个时间差 天 时 分 秒 毫秒的代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
jQuery ajax dataType值为text json探索分享
Sep 23 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
Mar 09 Javascript
js数组方法reduce经典用法代码分享
Jan 07 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 Javascript
微信小程序websocket实现即时聊天功能
May 21 #Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
May 21 #Javascript
taro开发微信小程序的实践
May 21 #Javascript
element-ui表格合并span-method的实现方法
May 21 #Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 #Javascript
浅谈React Native 传参的几种方式(小结)
May 21 #Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 #Javascript
You might like
php调用dll的实例操作动画与代码分享
2012/08/14 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
最简单的js图片切换效果实现代码
2011/09/24 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
Three.js学习之正交投影照相机
2016/08/01 Javascript
前端开发必知的15个jQuery小技巧
2017/01/22 Javascript
js实现瀑布流效果(自动生成新的内容)
2017/03/16 Javascript
Vuex提升学习篇
2018/01/11 Javascript
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
2019/09/24 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
Python实现简单的四则运算计算器
2016/11/02 Python
python下实现二叉堆以及堆排序的示例
2017/09/29 Python
Python编程求质数实例代码
2018/01/31 Python
Python基础之文件读取的讲解
2019/02/16 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
中国包裹转运寄送国际服务:Famiboat
2019/07/24 全球购物
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
学生实习推荐信范文
2013/11/26 职场文书
网站创业计划书
2014/04/30 职场文书
法制宣传教育方案
2014/05/09 职场文书
公司总经理助理岗位职责
2014/07/09 职场文书
工厂标语大全
2014/10/06 职场文书
民主评议党员总结
2014/10/20 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
2017寒假社会实践心得体会范文
2016/01/14 职场文书
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android