Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > таблица

Автор: guferok 28.6.2009, 00:10

Ребята доброго времени суток) подскажите пожалуйста как реализовать такую идею...
Имеется таблица, и нужно чтобы через определенное время 1 строка в этой таблице выделялась другим цветом.. Например:
1 строка - в 12 часов
2 строка - в 13 часов
3 строка - в 14 часов
и т.д.

Скрипт нужен очень и очень срочно... Извините за такое высказывание)

Заранее спасибо...

Автор: DrBoom 28.6.2009, 22:33

guferok, а как на счет запуска таймера (setInterval) и запускать функцию какую-нибудь, которая бы проверяла время и при необходимости обновляла вид страницы, например, меняя динамически стили строк Вашей таблицы?

Автор: ageent 28.6.2009, 22:50

Определяем время. Записываем в переменную. В условии if выставляем нужные интервалы. Делаем это все при загрузки страницы.
setInterval же, на мой вгляд, нет необходимости использовать, если промежутки времени большие. В примере ты час написал.

Автор: youri 30.6.2009, 16:11

можно совместить эти решения
а что на этой страничке есть и что там за строки?

Автор: Samotnik 1.7.2009, 10:48

написал за 6 минут smile

решение не идеальное, но это и не центр помощи smile

Код


<html>
<head>
</head>
<body onload="myfunc()">
<table>
<tr id="first" name="tbl"><td>1 hour</td></tr>
<tr id="second" name="tbl"><td>2 hour</td></tr>
<tr id="third" name="tbl"><td>3 hour</td></tr>
<tr id="fourth" name="tbl"><td>4 hour</td></tr>
</table>
<script language="JavaScript">
function myfunc() 
{
alert(1);
var date = new Date();
var currentHour = date.getHours();
if (currentHour == '10') {
    var count = document.getElementsByTagName('tr');    
    count[0].style.background="red";    
} else if (currentHour == '11'){
    var count = document.getElementsByTagName('tr');    
    count[1].style.background="blue";    
}else if (currentHour == '12'){
    var count = document.getElementsByTagName('tr');    
    count[2].style.background="green";    
} else if (currentHour == '13'){
    var count = document.getElementsByTagName('tr');    
    count[3].style.background="pink";    
}
searchFun();
}

function searchFun() {
    setTimeout (myfunc, 3600000);    
}
</script>
</body>
</html>