gpt4 book ai didi

jQuery 输入字段中总时间的总和

转载 作者:行者123 更新时间:2023-12-01 02:54:46 25 4
gpt4 key购买 nike

我需要 jQuery 自动给出输入字段中的时间总和。我希望它在另一个输入字段中显示总计,并将值设置为总时间。下面的例子。

input 1: 18:30   //format mm:ss
input 2: 3:00
input 3: 0:00
input 4: 0:30
------------------
Total: 22:00

最佳答案

这样的事情可能会帮助你配合:)在复制粘贴代码之前尝试了解幕后发生的事情。

HTML

<input value="1:45" size="5">Time 1
<input value="1:30" size="5">Time 2
<input value="1:32" size="5">Time 3
<input value="5:30" size="5">Time 4
<button id="addTimes">Add times</button>
<br>Result<span id="timeSum"></span>

脚本

  Number.prototype.padDigit = function () {
return (this < 10) ? '0' + this : this;
}

$("#addTimes").on('click', function () {
var t1 = "00:00";
var mins = 0;
var hrs = 0;
$('input').each(function () {
t1 = t1.split(':');
var t2 = $(this).val().split(':');
mins = Number(t1[1]) + Number(t2[1]);
minhrs = Math.floor(parseInt(mins / 60));
hrs = Number(t1[0]) + Number(t2[0]) + minhrs;
mins = mins % 60;
t1 = hrs.padDigit() + ':' + mins.padDigit()

});
$('#timeSum').text(t1);
});

Fiddle

仅供引用

split()

ParseInt

关于jQuery 输入字段中总时间的总和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28037859/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com