ASP.NET里用JS显示秒数的计时器

点击查询按钮，下方显示已查询【】秒，按照秒数累加，查好了就消失

<script src="jquery.min.js"></script>
<script type="text/javascript">
    setInterval(function () {
        $("#time").text((new Date().toLocaleString()));
    }, 1000)
</script>

       <span id="time"></span>   
        求分！

查询是ajax获取数据还是直接表单提交刷新了页面的？提交表单做不了你那种效果，ajax的话点击按钮同时启动计时器更新秒数，ajax回调完毕后清楚计时器并且隐藏多少秒那个容器

 <div>已查询【<b id="bSec"></b>】秒</div>
<script>
    function doSearch() {
        var sec = 0;
        var timer = setInterval(function () { sec++; $('#bSec').html(sec); }, 1000);

        //ajax提交代码，以jquery示例
        $({
            url: 'xxxx', complete: function () {
                clearInterval(TimeRanges);//清楚计时器
                $('#bSec').paernt().hide();//隐藏容器
            },
            /*。。。其他配置*/
        })
    }
</script>

可参考：
<!DOCTYPE html>

#mytime { text-align: center; } 
 function two_char(n) { return n >= 10 ? n : "0" + n; } function time_fun() { var sec=0; setInterval(function () { sec++; var date = new Date(0, 0) date.setSeconds(sec); var h = date.getHours(), m = date.getMinutes(), s = date.getSeconds(); document.getElementById("mytime").innerText = two_char(h) + ":" + two_char(m) + ":" + two_char(s); }, 1000); }

ASP.NET里用JS显示秒数的计时器

00:00:00