Javascript 在jquery中设置计数器_Javascript_Jquery

Javascript 在jquery中设置计数器

javascript jquery

Javascript 在jquery中设置计数器,javascript,jquery,Javascript,Jquery,我有一个表单，其中包含基本的客户端详细信息和信息。我使用jquery计算表单中的字符总数，现在我尝试实现计数器以查看填写表单所花费的总时间，我的代码如下 <html> <title> Employment Information </title> <style> table, td, th { border: 3px solid black; } td

我有一个表单，其中包含基本的客户端详细信息和信息。我使用jquery计算表单中的字符总数，现在我尝试实现计数器以查看填写表单所花费的总时间，我的代码如下

   <html>
        <title>  Employment Information
        </title>

      <style>
    table, td, th {
        border: 3px solid black;
    }

    td {
        padding: 15px;
    }
    </style>
    <script src="javascript/jquery-1.11.0.js"></script> 

 // codes for getting total number of charatecs typed //

    <script>
                    $('#form_3').on('submit', function(){
                         var count = 0;
                         $('input[type="text"], textarea', this).each(function(){
                         count += $(this).val().length;
                            });
                           alert("No of Characters Typed:" +count);
                           return true; // or true to submit form
                        });   
    </script>


        <body>
            <h4>MONTHLY INCOME AND COMBINED HOUSING EXPENSE INFORMATION</h4>


                <table border="1"  width="1300" height="150">
                  <tr>
                    <td>Gross monthly income</td>
                    <td>Borrower</td>
                    <td>Co-borrower</td>
                    <td>Total</td>
                    <td>Combined Monthly Housing Exp.</td>
                    <td>Present</td>
                    <td>Proposed</td>
                </tr>
                 <tr>
                 <td>Base EMPL income<</td>
                 <td>$::<input type="text" name="empl_income" id="empl_income"></td>
                 <td>$::<input type="text" name="co_borrower" ></td>
                 <td>$::<input type="text" name="base_empl_total"></td>
                    <td>Rent</td>
                    <td>$::<input type="text" name=""></td>
                     <td>$::<input type="text" name="years"></td>
                 </tr>
                   <tr>
                 <td>Overtime</td>
                 <td>$::<input type="text" name="overtime_borrower"></td>
                 <td>$::<input type="text" name="overtime_coborrower"></td>
                  <td>$::<input type="text" name="overtime_total"></td>
                 <td>Mortgaged</td>
                 <td>$::<input type="text" name="years"></td>
                  <td>$::<input type="text" name="years"></td>
                 </tr>
                 </table>

           <br>
           <br>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        <input type="submit" name="submit" value="SUBMIT" onclick="return validateform();">
           </form> 

        </body>
    </html>


就业信息
表，td，th{
边框：3倍纯黑；
}
运输署{
填充：15px；
}
//用于获取键入的字符总数的代码//
$（'#form_3'）。在（'submit'，function（）上{
var计数=0；
$（'input[type=“text”]，textarea'，this）.each（函数（）{
count+=$（this）.val（）.length；
});
警报（“键入的字符数：“+计数”）；
返回true；//或true以提交表单
});   
月收入和综合住房费用信息
月总收入
借贷者
共同借款人
全部的
综合每月住房开支。
目前
提出
基本员工收入稍有改善@Dan来自德国的回答：
var timeStart;
var timeStop;

$("input").keyup(function () {

    if (!timeStart) {
        timeStart = new Date();
    }
});

$('#form_3').on('submit', function () {
    timeStop = Math.round((new Date().getTime() - timeStart.getTime()) / 1000);
    console.debug('time taken from load till submit: ' + timeStop);
});

当任何输入第一次被编辑时，计时器开始计时
请告诉我们您的问题。@Dan…我收到错误“无法调用未定义的方法'getTime”。@saji I在日期（）之前更新了代码并删除了新的
var timeStart;
var timeStop;

$("input").keyup(function () {

    if (!timeStart) {
        timeStart = new Date();
    }
});

$('#form_3').on('submit', function () {
    timeStop = Math.round((new Date().getTime() - timeStart.getTime()) / 1000);
    console.debug('time taken from load till submit: ' + timeStop);
});