JavaScript 加载重置时间戳循环问题 - javascript onload reset timestamp loop woes

javascript onload reset timestamp loop woes

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

我将用 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 小时没有返回任何有用的信息，我希望我可能错过了一些超出我经验的简单内容。任何帮助将不胜感激，提前感谢。

您需要

将时间戳更新代码放在 AJAX 调用完成时运行的load()的回调函数中。您也不需要每个函数中的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 调用本身之后直接使用它们。您需要从回调函数本身运行或调用依赖于时间戳的代码。

你不需要函数中的 $（document）.ready（），只需把它放在外面一次

var sales_string_unix = 0;
var sales_string_google = 0;
$(document).ready(function() {
    setInterval(function(){
        $('#google_data').load('fetch_google_data.php');
        sales_string_unix = new Date().getTime();   
    }, 10000); 
    setInterval(function(){
        $('#sales_data').load('fetch_sales_data.php');
        sales_string_google = new Date().getTime(); 
    }, 10000);
});