Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/235.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 实时计算输入的时间_Javascript_Php - Fatal编程技术网

Javascript 实时计算输入的时间

Javascript 实时计算输入的时间,javascript,php,Javascript,Php,问题:所以我在做一个时间表,我有3个输入,分别是开始、结束和结束,我想用它做一个实时计算,但它需要一个:我找到了一些实时计算器,但其中没有一个是基于时间的,可以使用: 那么问题是我该怎么做 这就是我得到的,但它不适用于时间: 示例:08:00(开始)10:00(结束)01:00(中断),这将是01:00(总计) 因此,结束-开始中断=总计 var start=$('#start'), 结束=$(“#结束”), brk=$(“#中断”), 总计=$('添加'), 时间跨度; $('input')

问题:所以我在做一个时间表,我有3个输入,分别是开始、结束和结束,我想用它做一个实时计算,但它需要一个
我找到了一些实时计算器,但其中没有一个是基于时间的,可以使用

那么问题是我该怎么做

这就是我得到的,但它不适用于时间

示例:
08:00
(开始)
10:00
(结束)
01:00
(中断),这将是
01:00
(总计)

因此,结束-开始中断=总计
var start=$('#start'),
结束=$(“#结束”),
brk=$(“#中断”),
总计=$('添加'),
时间跨度;
$('input').keyup(函数(){//在值更改时运行
var e=toMins(end.val()),
s=toMins(start.val()),
b=toMins(brk.val());
如果(!s| |!e)返回;
var输出=(e-s-b)/60;
html(Math.floor(输出)+':'+toDouble(Math.round((输出%1)*60));
});
函数toMins(val){
如果(!val)返回0;
val=val.split(“:”);
返回(数字(val[0])*60)+数字(val[1]| 0);
}
函数为双(n){
返回n<10?('0'+n):n;
}
表{margin:10px;}
表td{padding:2px4px;}
输入{宽度:60px;填充:2px4px;}

开始:
完:
中断:
总数:

我建议您使用Angular或VueJS之类的框架,以简化此类需求


如何在冒号上拆分,转换为分钟,运行数学并转换回OK,这样我不知道为什么,但当我尝试将其添加到我的站点时,它将不起作用:S它不会计算,我测试了其他js代码,这是有效的:Salso当我尝试内部fiddle时,它会起作用,所以我不知道出了什么问题:(sry我评论了这么多,但我发现了一些奇怪的东西,比如10:00(开始)10:15(结束)00:10(brk)=00:05(总计),但它显示的是这样的0:5(总计)有没有办法得到这种格式00:05修改我的答案,添加新函数
toDouble
来添加前导零