Maison  >  Article  >  interface Web  >  Comment calculer la différence entre deux temps en utilisant JS

Comment calculer la différence entre deux temps en utilisant JS

亚连
亚连original
2018-06-12 16:33:483241parcourir

Cet article présente principalement la méthode JS de calcul de la différence en minutes entre deux heures, et analyse les compétences opérationnelles liées à la conversion et au calcul du javascript pour la date et l'heure sous la forme d'un exemple complet. Les amis dans le besoin peuvent se référer. à cela

L'exemple de cet article décrit la méthode JS de calcul de la différence en minutes entre deux heures. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

<!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>www.jb51.net 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>

Résultat de l'exécution : 1450

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Utilisez Vue.set pour ajouter dynamiquement des méthodes d'attributs d'objet dans Vue

Il n'y a pas de développement dans vue2.0 -Méthode de configuration sous server.js

Comment implémenter la fonction de glisser et de télécharger des fichiers avec barre de progression dans Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn