JS计算两个时间相差分钟数的方法示例


Posted in Javascript onJanuary 10, 2018

本文实例讲述了JS计算两个时间相差分钟数的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>3water.com js计算时间相差分钟数</title>
</head>
<body>
<script type="text/javascript" language="javascript">
function TimeDifference()
{
//定义两个变量time1,time2分别保存开始和结束时间
var time1="2017-12-02 12:25";
var time2="2017-12-03 12:35";
//判断开始时间是否大于结束日期
if(time1>time2)
{
  alert("开始时间不能大于结束时间!");
  return false;
}
//截取字符串,得到日期部分"2009-12-02",用split把字符串分隔成数组
var begin1=time1.substr(0,10).split("-");
var end1=time2.substr(0,10).split("-");
//将拆分的数组重新组合,并实例成化新的日期对象
var date1=new Date(begin1[1] + - + begin1[2] + - + begin1[0]);
var date2=new Date(end1[1] + - + end1[2] + - + end1[0]);
//得到两个日期之间的差值m,以分钟为单位
//Math.abs(date2-date1)计算出以毫秒为单位的差值
//Math.abs(date2-date1)/1000得到以秒为单位的差值
//Math.abs(date2-date1)/1000/60得到以分钟为单位的差值
var m=parseInt(Math.abs(date2-date1)/1000/60);
//小时数和分钟数相加得到总的分钟数
//time1.substr(11,2)截取字符串得到时间的小时数
//parseInt(time1.substr(11,2))*60把小时数转化成为分钟
var min1=parseInt(time1.substr(11,2))*60+parseInt(time1.substr(14,2));
var min2=parseInt(time2.substr(11,2))*60+parseInt(time2.substr(14,2));
//两个分钟数相减得到时间部分的差值,以分钟为单位
var n=min2-min1;
//将日期和时间两个部分计算出来的差值相加,即得到两个时间相减后的分钟数
var minutes=m+n;
document.writeln(minutes);
}
TimeDifference();
</script>
</body>
</html>

运行结果:1450

Javascript 相关文章推荐
通过Jquery的Ajax方法读取将table转换为Json
May 31 Javascript
jquery+ajax实现注册实时验证实例详解
Dec 08 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
Aug 23 Javascript
JavaScript轮播停留效果的实现思路
May 24 Javascript
JavaScript常见JSON操作实例分析
Aug 08 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
vue中created和mounted的区别浅析
Aug 13 Javascript
Vuex 入门教程
Jan 10 #Javascript
js实现上传并压缩图片效果
Jan 10 #Javascript
web前端vue之CSS过渡效果示例
Jan 10 #Javascript
Vue.js分页组件实现:diVuePagination的使用详解
Jan 10 #Javascript
利用ECharts.js画K线图的方法示例
Jan 10 #Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
Jan 10 #Javascript
微信小程序实现传参数的几种方法示例
Jan 10 #Javascript
You might like
PHP文章按日期(月日)SQL归档语句
2012/11/29 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
php生成二维码
2015/08/10 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
PHP使用HTML5 FormData对象提交表单操作示例
2019/07/02 PHP
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
js改变鼠标的形状和样式的方法
2014/03/31 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
使用vue实现点击按钮滑出面板的实现代码
2017/01/10 Javascript
Javascript之深入浅出prototype
2017/02/06 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
swiper动态改变滑动内容的实现方法
2018/01/17 Javascript
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
vue style width a href动态拼接问题的解决
2020/08/07 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
python使用fcntl模块实现程序加锁功能示例
2017/06/23 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
python3正则模块re的使用方法详解
2020/02/11 Python
Python pandas如何向excel添加数据
2020/05/22 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
业务主管岗位职责
2013/11/20 职场文书
档案接收函范文
2014/01/10 职场文书
竞聘副主任科员演讲稿
2014/01/11 职场文书
群众路线教育党课主持词
2014/04/01 职场文书
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS