Форум

Emil12345 · #1 (**permalink**) 05.06.2017, 13:25

Есть блок div
размером 100 на 100
Если сегодня понедельник, вторник, среда или четверг, и время с 17:00 до 23:00, или пятница, суббота или воскресенье и время с 17:00 до 00:00 То он зеленый,
иначе он красный.
Как это сделать?

ksa · #2 (**permalink**) 05.06.2017, 13:40

Сообщение от Emil12345

Как это сделать?

Как вариант завести массив объектов такого вида

[
   <день_недели>: {tStart: <время_начала>, tStop: <время_окончания>, color: <код_цвета>}
]

Потом по текущей дате узнавать тот день недели... По текущему времени проверять попадание в интервал...
Если попали - брать нужный код цвета.

Emil12345 · #3 (**permalink**) 05.06.2017, 13:47

Спасибо большое

laimas · #4 (**permalink**) 05.06.2017, 14:32

Сообщение от ksa

Как вариант завести массив объектов

Не надо никакого массива. Воскресенье, это 0, суббота - 6. Следовательно хватит условия:

(!(day % 6) && time >= 1020 || !time) || time >= 1020 && time <=  1380 ? "green" : "red"

j0hnik · #5 (**permalink**) 05.06.2017, 15:37

<head>
	<meta charset="utf-8">
</head>
<body>
	<style>
		#id{
			width: 100px;
			height: 100px;
			background-color: red;
	</style>
	<div id="id"></div>
	<script>
	var now = new Date();
	if (now.getHours()>=17 && now.getHours()<23 || (now.getDay()==0 || now.getDay()==5 || now.getDay()==6) && now.getHours()>=17 ) document.getElementById("id").style.backgroundColor ="green";
	</script>
</body>

рони · #6 (**permalink**) 05.06.2017, 15:39

Сообщение от j0hnik

now.getDay()==(0||6||5)

laimas · #7 (**permalink**) 05.06.2017, 15:40

Сообщение от j0hnik

now.getHours()>=17 && now.getHours()<23

А верно ли?

j0hnik · #8 (**permalink**) 05.06.2017, 15:44

Сообщение от laimas

А верно ли?

Да

j0hnik · #9 (**permalink**) 05.06.2017, 15:45

Сообщение от рони

Так нельзя записывать?

laimas · #10 (**permalink**) 05.06.2017, 15:46

Сообщение от j0hnik

Да

А если подумать?

Форум

Справочник

Discord чат

Курсы javascript