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', ' ');
}
相关文章
|
1月前
|
JavaScript 前端开发
|
3月前
|
JavaScript
js计算时间差,包括计算,天,时,分,秒
js计算时间差,包括计算,天,时,分,秒
286 16
|
3月前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
28 1
|
3月前
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
53 0
JS配合CSS3实现动画和拖动小星星小Demo
|
2月前
|
缓存 JavaScript 前端开发
深入理解Vue.js中的计算属性与侦听属性
【10月更文挑战第5天】深入理解Vue.js中的计算属性与侦听属性
31 0
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器:深入理解与实践
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器:深入理解与实践
24 0
|
4月前
|
JavaScript 前端开发
JavaScript——一个简单的队列Demo
JavaScript——一个简单的队列Demo
43 4
|
4月前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
5月前
|
JavaScript
js 精确计算(解决js四则运算精度缺失问题)
js 精确计算(解决js四则运算精度缺失问题)
154 0