限时变色提醒问题

[liufeng21121]

例如有一个表里面分别有 字段 id， E_id time content用gridview显示出来 时间是添加时间
E_id 时间 内容
1010 2010-11-18 14:00:00 随便填1
2123 2010-11-18 18:00:00 随便填2
1245 2010-11-18 11:00:00 随便填3
现在我要实现时限颜色标记提醒 过5分钟变红色 10分钟黄色 15分钟后黑色
也就是当时间是2010-10-29 14:05:00 的时候改gridview行变红色 。时间是 2010-10-29 14:10:00的时候变黄色 ，
时间是 2010-10-29 14:15:00的时候变黑色。

要怎么实现？

[孟子E章]

在绑定事件里与当前时间进行对比，设置不同的颜色

[孟子E章]

如果你要随时变化，需要用js实现

[阿非]

js setTimeout

[天下在我心]

写个延时的方法，过一段时间执行一段代码。

 void timeDelay(int minute)
        {
            DateTime now = DateTime.Now;
            while (now.AddMinutes(minute) >= DateTime.Now)     //定延迟的时间 
            { }
            return;
        }

[liufeng21121]

不用随时变化，我只要每过5分钟变色一次就看可以了，到黑色后就不变化了。

[vip__888]

setTimeout就行了

[liufeng21121]

.....谁帮忙给个具体实现代码啊，我还是初学这个。

[mimangshamo]

是要将整个GridView每行的背景色都变吗？

[阿非]

http://topic.csdn.net/u/20090603/16/8984ea4d-e4c7-40dc-9697-bf504e736919.html

[liufeng21121]

每行都要变的

[孟子E章]

<script>
var t = '<%=GridView1.ClientID %>';
function ChangeColor() {
table = document.getElementById(t);
for (i = 1; i < table.rows.length; i++) {
td = table.rows[i].cells[3];
d = new Date(td.innerHTML.replace(/-/g, "/"));
m = (Date.parse(new Date()) - Date.parse(d)) / 1000 / 60;
if (m < 5) {
table.rows[i].style.backgroundColor = "#FF0000";
td.style.fontWeight = "bold";
}
else if (m < 10) {
table.rows[i].style.backgroundColor = "#0000FF";
td.style.fontWeight = "bold";
}
else{
table.rows[i].style.backgroundColor = "#FFFFFF";
}
}
}
window.onload = function () {
ChangeColor();
window.setInterval("ChangeColor()", 1000)
}
</script>

[阿非]

一行和每行的区别在于循环遍历

[liufeng21121]

OK了， 谢谢各位大虾的帮忙了

[mimangshamo]

我写的这个用到了jquery，代码相对简单一点，setTimeout里调用的时间设置5秒，改了就行

<table id="gvId">
	<tr>
		<td>E_id</td>
		<td>时间</td>
		<td>内容</td>
	</tr>
	<tr>
		<td>1010</td>
		<td>2010-11-18 14:00:00</td>
		<td>随便填1</td>
	</tr>
	<tr>
		<td>2123</td>
		<td>2010-11-18 18:00:00</td>
		<td>随便填2</td>
	</tr>
</table>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	var colIndex=0;
	var colorList= ["Red","yellow","black"];
	setTimeout(changeCol, 5000);
	function changeCol() {
	    if (colIndex <= 3)
	        $("#gvId tr").css("background-color", colorList[parseInt(colIndex)]);
	    colIndex++;
	    // 300000
	    setTimeout(changeCol, 5000);
	}
</script>

[mimangshamo]

我晕，就开个会，回来就结贴了，亏了