Question

我在jsp页面上有一个文本框。我希望当页面loaded时，textbox的值应显示页面加载的时间。或者简单来说，我想在文本框中设置一个计数器，它应该在页面加载时立即自动启动。当用户点击提交按钮时，用户导航到另一个jsp页面，显示他点击提交按钮所花费的时间（按钮在上一页上）。

我正在关注HTML

<input type="text" id="timeleft" name="timeleft" />

在jquery脚本中，我正在执行以下操作：

<script type="text/javascript" src="jquery-1.7.2.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
    var start = new Date;
                    setInterval(function() {
                        $('timeleft').val((new Date - start) / 1000);
                    }, 1000);     });
        </script>

但是计时器在文本框中不可见......？错误是什么..？

Answer 1

尝试使用此功能（基于您的代码）：

var start = new Date;
setInterval(timer, 1000);     

function timer() {
        $('#timeleft').val((new Date - start) / 1000);
    }

对于int：$('#timeleft').val(parseInt((new Date - start) / 1000))

Answer 2

您需要将＃添加到您的选择器。

$（'＃timeleft'） - 它当前正在寻找名为timeleft而不是ID的元素。

新日期也会给你这个 - Wed Jul 18 2012 08:51:56 GMT-0400（EDT）

如果是计时器，你会想要得到时间。试试看这个。 http://www.w3schools.com/jsref/jsref_gettime.asp

日期对象： http://www.w3schools.com/jsref/jsref_obj_date.asp

Answer 3

只需添加#for id选择器。

Demo

如果它没有显示在html中，请检查页面中只有一个元素，id =“timeleft”

如何使用jquery在文本框中设置计时器..？

3 个答案: