Vergleich mit load() in jquery

Question

Ich habe 2 Seiten: data.php und index.html, data.php hat nur einen Wert (zum Beispiel 99). Index.html ist mit Jquery jede 2 Sekunden zu einem div „Daten“ laden data.php

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     setInterval(function() { 
      $('#data').fadeIn("slow").load('data.php').fadeOut("slow") 
     }, 2000); 
    }); 
</script> 

Jetzt möchte ich die Hintergrundfarbe von div „Daten“ ändern, wenn der Wert in data.php größer als 400 Beispiel, aber weiß nicht, wie es geht, pls Hilfe?

dies ist mein Code in data.php

$result = $conn->query("SELECT data FROM DATA ORDER BY TIME DESC LIMIT 1"); 
if ($result->num_rows > 0) { 
    while ($row = $result->fetch_assoc()) { 
     echo $row['data'] . '<br>'; 

Answer 1

Sie so etwas wie dies wollen? In Ihrem data.php so etwas wie dieses

funktionieren sollte

$result = $conn->query("SELECT data FROM DATA ORDER BY TIME DESC LIMIT 1"); 
if ($result->num_rows > 0) { 
    while ($row = $result->fetch_assoc()) { 
     echo '<div id="mydata">'. $row['data'] .'</div><br>'; 

$(document).ready(function() { 
 
    setInterval(function() { 
 
    $('#data').fadeIn("slow").load('data.php').fadeOut("slow"); 
 

 
    var mydata = $('#mydata'); 
 

 
    if (mydata.val() > 400) { 
 
     mydata.css("background-color", "red"); 
 
    } else { 
 
     mydata.css("background-color", "green"); 
 
    } 
 

 
    }, 2000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="data"> 
 
    <div id="mydata"> 
 
    99 
 
    </div> 
 
</div>