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 getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
Dec 12 Javascript
jquery实现点击消失的代码
Mar 03 Javascript
JS实现让访问者自助选择网页文字颜色的方法
Feb 24 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
javascript验证香港身份证的格式或真实性
Feb 07 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
Nov 27 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
Sep 19 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
Nautil 中使用双向数据绑定的实现
Oct 02 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
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
Prototype使用指南之selector.js说明
2008/10/26 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
javascript针对DOM的应用分析(三)
2012/04/15 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
canvas实现图像布局填充功能
2017/02/06 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
2018/11/06 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
2019/01/29 Javascript
elementUI多选框反选的实现代码
2019/04/03 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
Python实现合并字典的方法
2015/07/07 Python
Python聊天室实例程序分享
2016/01/05 Python
python安装教程
2018/02/28 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
python opencv 读取图片 返回图片某像素点的b,g,r值的实现方法
2019/07/03 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
Python Django2 model 查询介绍(条件、范围、模糊查询)
2020/03/16 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
CSS3 animation实现逐帧动画效果
2016/06/02 HTML / CSS
萨克斯第五大道英国:Saks Fifth Avenue英国
2019/04/01 全球购物
企业行政文员岗位职责
2013/12/03 职场文书
在校大学生的职业生涯规划书
2014/03/14 职场文书
老人院义工活动感想
2015/08/07 职场文书
python文件目录操作之os模块
2021/05/08 Python
灵能百分百第三季什么时候来?
2022/03/15 日漫
Python实现批量将文件复制到新的目录中再修改名称
2022/04/12 Python
MySQL如何使备份得数据保持一致
2022/05/02 MySQL
Python实现数据的序列化操作详解
2022/07/07 Python