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 相关文章推荐
JQuery 学习笔记 选择器之六
Jul 23 Javascript
jquery三个关闭弹出层的小示例
Nov 05 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
Aug 24 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 Javascript
利用vue-router实现二级菜单内容转换
Nov 30 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
JS通过调用微信API实现微信支付功能的方法示例
Jun 29 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
Jul 19 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
微信小程序实现批量倒计时功能
Nov 01 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 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 和 MySQL 基础教程(三)
2006/10/09 PHP
打造计数器DIY三步曲(下)
2006/10/09 PHP
PHP生成静态页面详解
2006/11/19 PHP
discuz的php防止sql注入函数
2011/01/17 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
Javascript实现前端简单的路由实例
2016/09/11 Javascript
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
python UNIX_TIMESTAMP时间处理方法分析
2016/04/18 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
Python实现鼠标自动在屏幕上随机移动功能
2020/03/14 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
ORACLE第二个十问
2013/12/14 面试题
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
孩子教育的心得体会
2014/09/01 职场文书
教师四风问题对照检查材料
2014/09/26 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
解析MySQL binlog
2021/06/11 MySQL
SQL IDENTITY_INSERT作用案例详解
2021/08/23 MySQL
POST提交数据常见的四种方式
2022/01/18 HTML / CSS