当 If 条件为 True 时使用 SetInterval

Question

这是否有可能如果 $new 的值发生更改，那么 var updateChart 函数 会再次重新加载，然后再次进入 var 检查函数 并再次对其具有相同的条件。

var updateInterval = 3000;
  var updateChart = function() {
      var check = function() {
        if(<?php echo $new; ?>).change(function(){
          setInterval(function(){updateChart()}, 1000);
        });
      }
    dps.push(<?php echo $str; ?>);
    chart.render();   
};

将不胜感激 谢谢。

Answer 1

所以基本上你想在服务器端写入一些值后立即更新图表，对吗？正如我在评论中提到的，在您的 JS 块中使用 PHP 语句将不起作用，因为 PHP 代码将在页面加载时运行并且之后不会更改。相反，您应该使用两步法：

• 使用循环 AJAX 调用轮询更改
• 创建一个报告更改的 PHP 页面

---

JS 代码（使用Jquery）：

window.setInterval(function() {
  $.ajax('change-listener.php', {
    success: function(data) {
      if (data.changed) {
        for(var i in data.newValue) {
          dps.push(data.newValue[i]);
        }
        chart.render();
      }
    }
  });
}, 3000); 

检查在给定时间跨度内写入了哪些行（假设您正确记录到的表具有时间戳）并通过 JSON 将相应的值返回给 JS 脚本：

PHP 代码：

$query= 'SELECT strValue FROM [YOURTABLE] WHERE created > DATE_SUB(now(),INTERVAL 3 SECOND)';

$data= array();
if ($result = $mysqli->query($query)) { 
    if (mysqli_num_rows($result)) {
        $data['changed']= TRUE;
        while($obj = $result->fetch_object()){ 
            $data['newValues'][]= $obj->strValue;
        } 
    } else {
        $data['changed']= FALSE;
    }
} 
$result->close();

header('Content-Type: application/json');
print json_encode($data);

---

另一种方法是将新创建的值存储在用户会话中：

PHP 代码，第 1 部分（在处理存储新值的脚本内）：

session_start();    
$_SESSION['newValues'][]= $str;

PHP 代码，第 2 部分（不是轮询数据库，而是轮询会话）：

session_start();  
if (isset($_SESSION['newValues'])) {
  $data['changed']= TRUE;
  $data['newValues']) $_SESSION['newValues'];
  unset($_SESSION['newValues'];
} else {
  $data['changed']= FALSE;
}

第二种方法是纯单用户场景：一旦 PHP 脚本轮询更改，更改会返回一次，然后更改列表被重置为不再返回相同的值两次。