php - javascript onload重置时间戳循环问题

Question

我通常使用 VBA 和 MySQL 进行开发，但我的任务是创建一个实时仪表板以显示在我办公室周围的屏幕上。为此，我使用 PHP 和 javascript。仪表板包含两个主要部分，一个通过谷歌分析 API 调用网站流量数据，另一个调用来 self 们内部数据库的销售数据。

我在单独的模块中用 PHP 编写了单独的两半，我使用下面的代码从仪表板网页调用这些模块，使用循环每十秒独立刷新每个模块。问题是我想在屏幕上包含两个计时器，从上次加载每个模块开始以秒为单位向上计数，我正在使用以下代码尝试使用当前时间重置变量以促进这一点加载每个文档时。

var sales_string_unix = 0;
var sales_string_google = 0;

setInterval(function(){

    $(document).ready(function() {
        $('#google_data').load('fetch_google_data.php');
        sales_string_unix = new Date().getTime();   
    });

 }, 10000); 

setInterval(function(){

    $(document).ready(function() {
        $('#sales_data').load('fetch_sales_data.php');
        sales_string_google = new Date().getTime(); 
     });

}, 10000);

我的问题是时间戳变量在循环执行时每十秒重置一次，而不是在刷新模块时重置。到目前为止，谷歌 6 小时没有返回任何有用的信息，我想我可能会遗漏一些简单的东西，这超出了我的经验。任何帮助将不胜感激，提前致谢。

Answer 1

您需要将时间戳更新代码放在 load() 的回调函数中，该回调函数在 AJAX 调用完成时运行。您也不需要每个函数内的 document.ready 处理程序。试试这个:

var sales_string_unix = 0;
var sales_string_google = 0;

setInterval(function(){
    $('#google_data').load('fetch_google_data.php', function() {
        sales_string_unix = new Date().getTime();  
    });          
}, 10000); 

setInterval(function() {
    $('#sales_data').load('fetch_sales_data.php', function() {
        sales_string_google = new Date().getTime(););
    });
}, 10000);

但是请注意，只有在 AJAX 调用完成后才会填充这些变量，因此您不能在 AJAX 调用自身后直接使用它们。您需要运行或调用依赖于回调函数本身内的时间戳的代码。