js计算时间差(小时和分钟)demo效果

简介: js计算时间差(小时和分钟)demo效果
计算时间差(小时和分钟)
var t1 = '08:30';
var t2 = '20:00';
var darr1 = t1.split(':');
var darr2 = t2.split(':');
var h1 = parseInt(darr1[0]);
var h2 = parseInt(darr2[0]);
if (h1 > h2) { // 前面时间大于后面,说明是隔天-下面日期写死就行,作用就是取隔天的
  t1 = '2022-12-27 ' + t1;
  t2 = '2022-12-28 ' + t2;
} else {
  t1 = '2022-12-27 ' + t1;
  t2 = '2022-12-27 ' + t2;
}
var d1 = new Date(t1); //已知时间戳
var d2 = new Date(t2); //当前时间戳
var minute = String(parseInt(d2 - d1) / 1000 / 3600) //算出相差的小时
console.log(minute.substring(0, 5), 'minute');  //11.5
根据时间戳转标准时间
var t1 = 2023-03-08 16:42:13
var t2 = 2023-03-08 16:40:47
var d1 = new Date(t1); //已知时间戳
var d2 = new Date(t2); //当前时间戳
timeChange(parseInt(d2 - d1))
functiontimeChange(time) {
  var date = new Date(time);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
  var Y = date.getFullYear() + '-';
  var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
  var D = date.getDate() + ' ';
  var h = date.getHours() + ':';
  var m = date.getMinutes() < 10 ? '0'+date.getMinutes() + ':' : date.getMinutes() + ':';
  var s = date.getSeconds();
  console.log(Y+M+D+h+m+s,'Y+M+D+h+m+s')
  return Y+M+D+h+m+s;
}
getLocalTime(parseInt(d2 - d1))
function getLocalTime(time) {
  var date = new Date(time + 8 * 3600*1000 );
  console.log(date.toJSON().substr(0, 19).replace('T', ' '))
  return date.toJSON().substr(0, 19).replace('T', ' ');
}
相关文章
|
6天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
6天前
|
JavaScript 前端开发 大数据
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
|
5天前
|
缓存 JavaScript 前端开发
Vue.js计算属性:实现数据驱动的利器
Vue.js计算属性:实现数据驱动的利器
|
4天前
|
JavaScript 前端开发 流计算
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
|
6天前
|
缓存 JavaScript C++
浅谈Vue.js的计算属性computed
浅谈Vue.js的计算属性computed
9 0
|
6天前
|
JavaScript 前端开发
JS实现网页页面的框架(demo)
JS实现网页页面的框架(demo)
12 1
|
6天前
|
Rust JavaScript 安全
🚀JS使用Wasm为你的文件MD5计算装上火箭引擎🚀
🚀JS使用Wasm为你的文件MD5计算装上火箭引擎🚀
N..
|
6天前
|
缓存 JavaScript 前端开发
Vue.js的计算属性
Vue.js的计算属性
N..
14 2
|
2天前
|
存储 JavaScript 前端开发
从零开始学习Vue.js
Vue.js 是一种流行的前端框架,它使用简单,灵活且易于上手。如果你是一个前端开发者,并想要学习 Vue.js,本文将为您提供一个从零开始的指南。我们将探讨 Vue.js 的基础知识和常用功能,以及如何构建一个简单的 Vue.js 应用程序。
|
4天前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会