如何在php或javascript颜色数字

How to color numbers in php or javascript

本文关键字：javascript 颜色 数字 php      更新时间：2023-09-26

我正在开发一个投资组合作为一个项目来学习PHP和JavaScript。我有股票价格每分钟更新，但我想让它变成绿色或红色取决于它是上升还是下降。实现这一目标的最佳方式是什么?

考虑在包含股票价格的元素上应用CSS。这可以使用Javascript动态地完成。您可以通过保存最后一个值的记录并将其与新值进行比较来判断它是上升还是下降。好运。

我会这样做:

  1. 将数字放入例如div
  2. 通过ajax获取新号码
  3. 查看新号码是否为<， ===或>大于当前
  4. 设置div的样式

使用一点CSS和一些JavaScript并不复杂。这里有一个基本的例子。这可以通过许多不同的方式实现。这只是一种方法。

CSS: 

.green {color:green;}
.red {color:red;}
HTML: 

<span class="stock-value green">12</span>

JavaScript(使用jQuery):

if( $('.stock-value').text() > 0) {
   $('stock-value').addClass('green');
}
else if($('.stock-value').text() < 0){
    $('stock-value').addClass('red');
}
演示:

http://jsfiddle.net/XakPM/

相关文章：