Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据时间值改变文本颜色_Javascript_Php_Html_Css_Function - Fatal编程技术网

Javascript 根据时间值改变文本颜色

Javascript 根据时间值改变文本颜色,javascript,php,html,css,function,Javascript,Php,Html,Css,Function,我想尝试使用我的时间文本获取交通灯颜色方案,如果时间在0.0000和10.0000之间,文本为绿色,如果时间在10.0100和15.0000之间,文本为橙色,如果时间在15.0100和20.0000之间,文本为红色,我无法运行我的功能,我可能缺少一些内容,但我不确定是什么 目前mysql查询返回的结果为14.6263,该值不断变化 我目前的代码是: <!doctype html> <html> <head> <title>time stats&l

我想尝试使用我的时间文本获取交通灯颜色方案,如果时间在0.0000和10.0000之间,文本为绿色,如果时间在10.0100和15.0000之间,文本为橙色,如果时间在15.0100和20.0000之间,文本为红色,我无法运行我的功能,我可能缺少一些内容,但我不确定是什么

目前mysql查询返回的结果为14.6263,该值不断变化

我目前的代码是:

<!doctype html>
<html>
<head>

<title>time stats</title>

<style>
body {
background-color: black;
}
.box1 {
width: 300px;
height: 400px;
border: 15px solid yellow;
padding: 15px;
margin: 15px;
display: inline-block;
color: white;
font-size:40px;
color: lime;

.container  {
text-align: center;
}
</style>
<body>
<div class="box1">
<?php
$q = intval($_GET['q']);

$con = mysqli_connect('localhost','username','password','test');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}

mysqli_select_db($con,"ajax_demo");
$sql="select avg(time_format(delivery_avg,'%i:%s')) as time_avg from test.del where location = 'yellow'";
$result = mysqli_query($con,$sql);

echo "<table>
<thead>
<th>time Average</th>
</thead>";
while($row = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>" . $row['time_avg'] . "</td>";
echo "</tr>";}
echo "</table>";
mysqli_close($con);
?>
</div>
  function updatecolor() {
        //console.log('function called');
        {
if ($box1.td < 10)
    return '#00FF00';
else if ($box1.td >= 11 && $box1.td<= 15)
    return = '#FFA500';
else if ($box1.td >= 16 && $box1.td<= 20)
    return = '#ff0000';
}
        });

    }
    var updateInterval = setInterval(updatecolor, 1000);
</body>
</html>

时间统计
身体{
背景色:黑色;
}
.box1{
宽度:300px;
高度:400px;
边框:15px实心黄色;
填充:15px;
利润率:15px;
显示:内联块;
颜色:白色;
字体大小:40px;
颜色:青柠;
.集装箱{
文本对齐:居中;
}

下面是一个小函数,它将根据函数的
$valueToCheck
参数返回颜色:

<?php
function addColor($valueToCheck) {
    {
        if ($valueToCheck <= 10) {
            return '#00FF00';
        } else if ($valueToCheck >= 11 && $valueToCheck <= 15) {
            return '#FFA500';
        } else if ($valueToCheck >= 16 && $valueToCheck <= 20) {
            return '#ff0000';
        }
    };
}
?>

10
呢?你从来没有检查过
10>x>11

你的函数看起来像是缺少了周围的
标签…你没有在任何地方调用函数
changeColor
…它怎么能工作呢?还有,你使用了
$box
作为函数参数,这是从未使用过的。
$td
r函数是无用的。
return='#ff0000'
无效。因此,我已更新代码以包含函数调用,但似乎仍然存在相同的问题,它没有运行代码或我编写了错误的代码。因此,在更新代码以尝试此操作后,页面会给我一个错误500,其中我已更新mysql部分。我可能只是每次使用类似函数setClass($td){{if}加载页面时运行脚本($td=11&&$td=16&&$td更改了代码,将函数重命名为
addColor
,因为它更合适。我还删除了一个
,其中它有值要检查。我应该保留该值还是将其更改为$td,因为需要更改什么?您好,很抱歉再次提出问题,您如何定义要检查的值,以便它更改te的颜色xt我正在尝试使用相同的函数来更改html单元格边框的颜色,但无法使其正常工作
while($row = mysqli_fetch_array($result)) {
  echo "<tr>";
  echo "<td style=\"color:" . addColor($row['time_avg']) . "\">";
  echo $row['time_avg'];
  echo "</td>";
  echo "</tr>";
}
if ($box1.td < 10)
    return '#00FF00';
else if ($box1.td >= 11 && $box1.td<= 15)