添加小时数以获得结果的总小时数
Adding hours to get the total hours as result
<input type ="text" name="txt1" class="cl_tot_st">
<input type ="text" name="txt5" class="cl_tot_st">
<input type ="text" id="gtot_st">
我需要在通用类名文本框中输入的小时总和cl_tot_st
我需要在 ID 为 gtot_st
的文本框中显示结果我使用这个函数来获得结果。但是,当我运行代码时没有任何反应。
function grand_total(){
var t1 = "00.00";
var mins = 0;
var hrs = 0;
$(".cl_tot_st").each(function () {
t1 = t1.split('.');
var t2 = $(this).val().split('.');
console.log(Number(t1[1]) + Number(t2[1]))
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()
console.log(t1)
});
$('#gtot_st').text(t1);
};
我从这里找到了这段代码http://jsfiddle.net/7ov9hL8k/
这个怎么样?
我已将标签替换为文本框,并为"时间"文本框添加了input
事件侦听器。每当在任何一个时间文本框中进行更改时,都会重新计算时间。
更新的小提琴
目录:
<input id="time1" value="1.45" size="5" class="time">Time 1
<br>
<input id="time2" value="1.30" size="5" class="time">Time 2
<br>
<input id="time2" value="1.32" size="5" class="time">Time 3
<br>
<input id="time2" value="5.30" size="5" class="time">Time 4
<br><button id="addTimes">Add times</button>
<br><br>Result<span id="timeSum"><input type ="text" id="gtot_st"></span>
<br>
Javascript/JQuery
Number.prototype.padDigit = function () {
return (this < 10) ? '0' + this : this;
}
function CalculateTotal() {
var t1 = "00.00";
var mins = 0;
var hrs = 0;
$('input.time').each(function () {
t1 = t1.split('.');
var t2 = $(this).val().split('.');
console.log(Number(t1[1]) + Number(t2[1]))
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()
console.log(t1);
});
return t1;
}
$("#addTimes").on('click', function () {
$('#gtot_st').val(CalculateTotal());
});
//Check for an input change on any one of the text boxes with a class of "time"
$(".time").on('input', function() {
$('#gtot_st').val(CalculateTotal());
})
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 奇怪的Javascript结果
- 调整窗口大小时,可拖动的对象会出现在容器外部
- Javascript(jQuery)给了我奇怪的结果
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- JSONP请求返回结果,但也触发error_callback
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- 如何在iOS应用程序中从Firebase中删除超过6小时的数据
- Javascript,输出结果后页面不断刷新
- 这是使用html快照和谷歌获取的预期结果吗?SEO/SPA
- 将地理编码结果转换为php变量以发布到mysql数据库
- AngularJS/HTML/Bootstrap元素用于动态搜索结果
- JQuery:向多个匹配结果添加换行符的最简单方法
- 当查询不在displayField中时,引导Ajax Typeahead不显示结果
- webpack代码拆分了handlerbs文件——结果是文件很大
- JavaScript循环无法正确计算/显示结果
- 相同的RegExp返回不同的结果-第一次是正确的结果,第二次是null
- 如何将 2 小时添加到当前日期时间并将结果显示回日期时间
- 添加小时数以获得结果的总小时数
- 列表随机器,在重置前24小时记住并显示结果