duanfei7508 2014-01-09 14:14
浏览 168
已采纳

每30秒运行一次ajax并显示倒数计时器

I have a function that I would like to run every 30 seconds. This works fine

$(document).ready(function(){
    setInterval(function() {
        jQuery.ajax({
            type: "GET",
            url: "loaddata.php",
            dataType:"json",
            success:function(response){
                if (response) {
                    // Process
                }
                else {
                    // Process 
                }
            }

        });
    }, 30000);
});

But I am trying to figure out how I could display a countdown timer that is inline with the setInterval. In other words it should show how many seconds is left before the ajax runs, once the function runs, it should reset the timer and count down from 30 seconds again. This process would continually repeat. I found several examples of countdown timers but I have no clue how to sync it up with ajax requests and have it reset.

Any help is greatly appreciated!

  • 写回答

1条回答 默认 最新

  • drcvvkx914772 2014-01-09 14:18
    关注

    Just run a function every second and have a counter that counts down to 0. When it hits 0, run your ajax code and reset the counter. Like so:

    var count = 30;
    setInterval(function() {
        count--;
    
        // update timer here
    
        if (count === 0) {
            count = 30;
            // ajax code here
        }
    }, 1000);
    

    Set the initial displayed value in your timer to 30. Then this will show 29,28,27,...,2,1,0,29,28, etc..

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 hc130怎么读写内部flash存储信息
  • ¥15 Axure rp9注册与登录交互
  • ¥15 我下载图形界面重启完就变成这样了,打字也打不了,动也动不了,该怎么解决(操作系统-centos)
  • ¥15 VBA中在窗体中遍历所有checkbox控件,提取出被选中的checkbox的caption值
  • ¥15 在Ubuntu上有什么命令,或者是系统文件能告诉我链接nvme ssd的pcie槽位是不是支持热插拔功能?
  • ¥15 ansys license许可证问题
  • ¥20 QQ号和密码都能正常登录微信 QQ号和密码登录微信显示密码错误
  • ¥15 qiankun主应用注册子应用提示跨域
  • ¥15 单片机RTOS Kernel与应用分离开发,Kernel如何调起应用?
  • ¥15 快手小店商家版APP怎么第三方APP跳转到指定用户聊天界面