Javascript:根据TD标题值更改TD颜色

Javascript:根据TD标题值更改TD颜色,javascript,css,Javascript,Css,我需要根据title属性中的时间戳更改表数据的颜色。例如,从下面的值 如果“部署时间”

我需要根据title属性中的时间戳更改表数据的颜色。例如,从下面的值

  • 如果“部署时间”<1小时TD bg颜色必须为红色,否则
  • 如果“部署时间”<24小时TD bg颜色必须为绿色,否则
  • 如果“部署时间”<1周,bd颜色应显示为灰色。就像这样:

版本4.0
版本8.3.2
没有一个
如果还需要什么,请告诉我。 仅供参考,我正在使用Django和bootstrap css

非常感谢


编辑:日期格式是固定的:“部署日期:2016年2月15日星期一06:05:05 UTC”

如果您使用标题,您可以尝试以下操作:

window.onload=function(){
var td=document.getElementsByTagName('td');
对于(变量i=0;i1)
titleObj[o[0].trim()]=新日期(o[1]);
});
if(标题对象[“部署在”])
td[i].className=titleObj[“部署在”].getMonth()<2?“红色”:“蓝色”;
}
}
.red{
背景:红色;
颜色:白色;
}
蓝先生{
背景:蓝色;
颜色:白色;
}

版本4.0
版本8.3.2
没有一个

谢谢拉杰什和古文德。最后在你的帮助下,问题就这样解决了

    window.onload = function() {
  var td = document.getElementsByTagName('td');
  for (var i = 0; i < td.length; i++) {
        var deployed = td[i].getAttribute("title")
        if (deployed){
        if (deployed.indexOf("Deployed on:") >= 0 )
        {
            var title = td[i].getAttribute("title").split("|")[0];
                var titledate = new Date(title.split("Deployed on:")[1]);
        var datem = titledate.getTime()
        var d = new Date();
        var diff = (d.getTime() - datem)

        if (diff < 3600000 ){
                td[i].className = "onehour";
                }
        if (diff < 18000000 && diff > 3600000 ){
                td[i].className = "halfday";
                }
        if (diff < 86400000 && diff > 18000000){
                td[i].className = "oneday";
                }
        if (diff < 604800000 && diff > 86400000){
                td[i].className = "oneweek";
                }
        }
        }
        }
}
window.onload=function(){
var td=document.getElementsByTagName('td');
对于(变量i=0;i=0)
{
var title=td[i].getAttribute(“title”).split(“|”)[0];
var titledate=新日期(title.split(“部署日期:”)[1]);
var datem=titledate.getTime()
var d=新日期();
var diff=(d.getTime()-datem)
如果(差值<3600000){
td[i].className=“一小时”;
}
如果(差值<18000000&&diff>3600000){
td[i].className=“半天”;
}
如果(差值<86400000和&diff>18000000){
td[i].className=“一天”;
}
如果(差值<604800000和&diff>86400000){
td[i].className=“一周”;
}
}
}
}
}

您尝试了什么?无法使用纯CSSIm。抱歉,html代码被删除。给你。。。。。。。版本4.0版本8.3.2无我可以看到2个时间戳。您可以指定要查找哪一个吗?将日期时间戳设置为毫秒值,即
td
data time
属性。这样就有可能帮你举个例子。好人。。。我试试看。日期格式是固定的,不是我上面提到的两种格式。对不起。。。。部署日期:2016年2月15日星期一06:05:05 UTC