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 相关文章推荐
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
用原生JS对AJAX做简单封装的实例代码
Jul 13 Javascript
JavaScript实现复制文章自动添加版权
Aug 02 Javascript
JavaScript获取服务器端时间的方法
Nov 29 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
ES6 javascript中Class类继承用法实例详解
Oct 30 Javascript
Vue中mintui的field实现blur和focus事件的方法
Aug 25 Javascript
javascript中UMD规范的代码推演
Aug 29 Javascript
解决vue单页路由跳转后scrollTop的问题
Sep 03 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
JavaScript Reflect Metadata实现详解
Dec 12 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
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
PHP 执行系统外部命令 system() exec() passthru()
2009/08/11 PHP
php中Smarty模板初体验
2011/08/08 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
解决PHP Opcache 缓存刷新、代码重载出现无法更新代码的问题
2020/08/24 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
原生js实现验证码功能
2017/03/16 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
es7学习教程之Decorators(修饰器)详解
2017/07/21 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
webpack打包js的方法
2018/03/12 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
2018/08/14 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
Python实现将Excel转换为json的方法示例
2017/08/05 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
浅析CSS3中鲜为人知的属性:-webkit-tap-highlight-color
2017/01/12 HTML / CSS
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
主键(Primary Key)约束和唯一性(UNIQUE)约束的区别
2013/05/29 面试题
《挑山工》的教学反思
2014/02/16 职场文书
大课间活动实施方案
2014/03/06 职场文书
三分钟演讲稿范文
2014/04/24 职场文书
职代会闭幕词
2015/01/28 职场文书
Nginx跨域问题解析与解决
2022/08/05 Servers