增加小时数以获得总小时数

时间:2016-01-03 10:02:11

标签: javascript php jquery html

<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/

1 个答案:

答案 0 :(得分:0)

这个怎么样?:

我已经用文本框替换了标签,并为&#34; time&#34;添加了 var webApp = express(); var cors = require('cors'); webApp.use(cors()); webApp.use(kue.app); webApp.listen(); 事件监听器。文本框。无论何时在任何一个时间文本框中进行更改,都将重新计算时间。

Updated Fiddle

Html:

input

<强>使用Javascript / JQuery的

<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>