SetInterval不工作，而使用帆布.js也在循环内

Question

<?php 
$no1=0;
foreach($location_data as $last_data){ 

if($location[0]->depth_unit=="meter"){
$depth_drilled=($last_data->end_depth - $last_data->start_depth)*3.28;
$acceptable_loss=((12.25*12.25)/1029.4*($depth_drilled)/6.28);
}
else{
$depth_drilled=($last_data->end_depth - $last_data->start_depth);
$acceptable_loss=(12.25*12.25)/1029.4*($depth_drilled);
}
?>
setInterval(function(){
<?php  if($last_data->shaker_loss_value < $acceptable_loss ){ ?>
chart.options.data[3].dataPoints[<?php echo $no1; ?>].markerColor = "transparent";
<?php } else { ?>
chart.options.data[3].dataPoints[<?php echo $no1; ?>].markerColor = "red";
chart.options.data[3].dataPoints[<?php echo $no1; ?>].markerType = "triangle";
<?php  } ?>
chart.render();
},<?php echo $no1; ?> * 1000);
<?php
$no1++;
}  ?>

上面的是我在canvas.js中实现的代码，用于闪烁标记，但它只在onload时闪烁一次，它应该一直闪烁，祝你好运

setInterval(function(){
chart.options.data[3].dataPoints[0].markerColor = "red";
chart.options.data[3].dataPoints[0].markerType = "triangle";
chart.render();
},0 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[1].markerColor = "red";
chart.options.data[3].dataPoints[1].markerType = "triangle";
chart.render();
},1 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[2].markerColor = "red";
chart.options.data[3].dataPoints[2].markerType = "triangle";
chart.render();
},2 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[3].markerColor = "red";
chart.options.data[3].dataPoints[3].markerType = "triangle";
chart.render();
},3 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[4].markerColor = "red";
chart.options.data[3].dataPoints[4].markerType = "triangle";
chart.render();
},4 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[5].markerColor = "red";
chart.options.data[3].dataPoints[5].markerType = "triangle";
chart.render();
},5 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[6].markerColor = "red";
chart.options.data[3].dataPoints[6].markerType = "triangle";
chart.render();
},6 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[7].markerColor = "red";
chart.options.data[3].dataPoints[7].markerType = "triangle";
chart.render();
},7 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[8].markerColor = "red";
chart.options.data[3].dataPoints[8].markerType = "triangle";
chart.render();
},8 * 1000);
setInterval(function(){
chart.options.data[3].dataPoints[9].markerColor = "red";
chart.options.data[3].dataPoints[9].markerType = "triangle";
chart.render();
},9 * 1000);

这是我得到的来源查看源代码:http://dssecosystem.com/index.php/account/client_dashboard_new/1以上是链接，你可以在28847行查看我的代码

Answer 1

<?php 
$no1=0;
foreach($location_data as $last_data){ 

if($location[0]->depth_unit=="meter"){
$depth_drilled=($last_data->end_depth - $last_data->start_depth)*3.28;
$acceptable_loss=((12.25*12.25)/1029.4*($depth_drilled)/6.28);
}
else{
$depth_drilled=($last_data->end_depth - $last_data->start_depth);
$acceptable_loss=(12.25*12.25)/1029.4*($depth_drilled);
}
?>
callFun(<?php echo $last_data->shaker_loss_value ?>,<?php echo $acceptable_loss ?>,<?php echo $no1 ?>);


<?php
$no1++;
}  ?>
function callFun(shaker_loss_val,acceptable_los_val,n){
setInterval(function(){
if(shaker_loss_val < acceptable_los_val ){
chart.options.data[3].dataPoints[n].markerColor = "transparent";
} else { 
chart.options.data[3].dataPoints[n].markerColor = "red";
chart.options.data[3].dataPoints[n].markerType = "triangle";
}
chart.render();
},500);   
}

仍然只闪烁一次，源链接是https://jsfiddle.net/kj87p5cL/