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

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

3个回答

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

       <span id="time"></span>   
        求分!
u013085997
默然simple 有帮助谢谢
3 年多之前 回复

查询是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>





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


00:00:00



Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!