与jquery比较2次

Question

预先感谢您的任何帮助...

我正在尝试（1）生成表单的开始时间和结束时间，（2）找到两者之间的差异，以及（3）将差异添加到新输入。

这是我到目前为止所做的：

<a href="#" id="starttime">Begin time</a>
<input id="starttimeinput" name="starttimeinput" type="text" value="">
<script>
    $("#starttime").click(function () {
         var begintime = event.timeStamp;
         $("#starttimeinput").val(begintime);
    });
</script>
<a href="#" id="endtime">end time</a>
<input id="endtimeinput" name="endtimeinput" type="text" value="">
<script>
    $("#endtime").click(function () {
         var endtime = event.timeStamp;
         $("#endtimeinput").val(endtime);
    });
</script>
<input id="totaltime" name="totaltime" type="text">
<script>
    $("#totaltime").focus(function () {
       var begintime = $("#starttimeinput").val();
       var endtime = $("#endtimeinput").val();
       var totaltime = endtime - begintime;
       $("#totaltime").val(totaltime); 
     });     
</script>

第一部分有效（将时间戳输入开始时间和结束时间输入）。我以前从未处理过数字，无法弄清楚第二部分。出现的结果是“NaN”。

另外，这可能有助于了解点击链接之间的时间应该在 30 秒左右...

非常感谢你们的帮助，你们已经回答了我的很多问题，而无需我发帖！

Answer 1

您需要 parseInt() 次返回，否则它们只是字符串（由 .val() 返回）。

$("#totaltime").focus(function () {
    var begintime = parseInt($("#starttimeinput").val(), 10),
        endtime = parseInt($("#endtimeinput").val(), 10),
        totaltime = endtime - begintime;
    $("#totaltime").val(totaltime); 
 });

---

就我个人而言，我宁愿自己存储 begintime 和 endtime 值，而不是存储在文本输入中（为什么用户需要看到它们？）。像这样：

var begintime,
    endtime;
$("#starttime").click(function (event) {
     begintime = event.timeStamp;
     //$("#starttimeinput").val(begintime);
});

$("#endtime").click(function (event) {
     endtime = event.timeStamp;
     //$("#endtimeinput").val(endtime);
});

$("#totaltime").focus(function () {
    $("#totaltime").val(endtime - begintime); 
});

---

顺便说一句，我建议将 jQuery 代码从内联

$(document).ready(function () {
    /* your code here */
});

或者更简洁地说，

$(function () {
    /* your code here */
});