Javascript 根据时间值改变文本颜色
我想尝试使用我的时间文本获取交通灯颜色方案,如果时间在0.0000和10.0000之间,文本为绿色,如果时间在10.0100和15.0000之间,文本为橙色,如果时间在15.0100和20.0000之间,文本为红色,我无法运行我的功能,我可能缺少一些内容,但我不确定是什么 目前mysql查询返回的结果为14.6263,该值不断变化 我目前的代码是: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
<!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)