Смена текста в зависимости от дня недели и времени

@besick · Регистрация: 18.10.2014

Всем доброго дня.

Есть необходимость выводить текст в зависимости от дня недели и времени что то вроде Расписания.

нашел как вывести по дням недели:

JavaScript
1
2
3
4
5
now = new Date()
  if (now.getDay() == 0)
    document.write("Воскресенье")
  if (now.getDay() == 1)
    document.write("Понедельник")

и тд..

Нашел как сделать по времени:

JavaScript
1
2
3
4
5
var h=(new Date()).getHours();                  
if (h > 3 && h <  12) document.writeln("Доброе утро");                    
if (h > 11 && h <  19) document.writeln("Добрый день");                   
if (h > 18 && h <  24) document.writeln("Добрый вечер");                 
if (h > 23 || h <  4 ) document.writeln("Привет полуночникам");

А вот как это вместе скрутить, что-бы в воскресенье в 9 часов один текст выводился, а в понедельник в 9 другой,
не знаю.

Может кто мне помочь?

С уважением Денис.

@besick · 21.10.2014, 17:34 **[ТС]**

Итак итоги:

РЕСПЕКТ и УВАЖУХА реальным программистам and_y87 и Kloks.

В результате творческой работы имеем рабочий скрипт, который выводит в зависимости от дня недели пн,вт, ...
и в зависимости от времени суток, необходимый текст. Текст обновляется через нужный промежуток времени.
Это сделано для того чтобы у пользователя отображалась актуальная информация без перезагрузки страницы.
Допустим в 8.50 пользователь зашел на сайт отображается "текст 1", а в 9.00 уже "текст 2", при этом пользователь страницу не обновляет.

Кликните здесь для просмотра всего текста

Подключаем внешний файл .js в котором у нас база с расписанием.

HTML5
1
<script src="../12.js" type="text/javascript"></script>

Определяем DIV в который будем выводить информацию из .js файла

HTML5
1
<div id='raspisanie'></div>

Далее скрипт обработки данных из .js файла.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script type="text/javascript">
                 
                 
(function(){
    function getEventByDay( base, day, hour )
   {
      var obj = base[day],
      len = obj.length;
 
      for ( var i=0; i < len; i++ )
      {
         var resp = obj[i];
         if ( hour >= resp[0] && hour < resp[1] ) break;
      }
      return resp;
   }
         // Функция получает into, БазуДанных и необходимые данные подставляет в into
   function setupEvent( into, base )
   {
      var d = new Date(),
      day = d.getDay(),
      h = d.getHours(),
      resp = 'n/a';
 
      var data = getEventByDay(base, day, h);
           // тут можно изменить шрифт, цвет берется из файла .js
      resp = '<p><font color=' + data[2] + '>' + data[3] + '</font></p>';
 
      document.getElementById( into ).innerHTML=resp;
   }
 
          // Вызываем...
   setupEvent( 'raspisanie', data );
                          // тут ставим время через которое скрипт обновится
   setInterval( function(){ setupEvent( 'raspisanie', data ); }, (1000*60) );
 
})();
  
</script>

Здесь содержание файла .js

Дни недели идут в следующем порядке:
0 - воскресенье
1 - понедельник
2 - вторник
3 - среда
4 - четверг
5 - пятница
6 - суббота

в таблице первая цифра время "от", вторая "до", далее цвет и последнее, текст который будет отображаться.

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
var data = {
0 : [
[8, 9, "red", 'UB0ABG, RU0AMM'],
[9, 10, "red", 'Гараж'],
[10, 11, "red", 'Гайвер, Гараж'],
[11, 12, "red", 'Гайвер, Гараж'],
[12, 13, "red", 'Гайвер, КОТ 94'],
[13, 14, "red", 'RV0ALG, UB0ACI'],
[14, 15, "red", 'UB0ACI, R0ACW'],
[15, 16, "red", 'UB0ACI, R0ACW'],
[16, 17, "red", 'UB0ACI, R0ACW'],
[17, 18, "red", 'UB0ACI, RU0AB'],
[18, 19, "red", 'UB0ACI, RU0AB'],
[19, 20, "red", 'UB0AFF, UB0ACI'],
[20, 21, "red", 'Егорыч, UB0ACI, UB0AFF'],
[21, 22, "red", 'RU0AMM, UB0ACI, UB0ADQ, Егорыч'],
[22, 23, "red", 'UB0ABG, RU0AMM, UB0ACI'],
[23, 8, "red", 'RE0RAS']
],
1 : [
[8, 9, "red", 'R0ADW, UB0ABG, RU0AMM, R0AEC, R0ADH, R0ACK'],
[9, 10, "red", 'R0ADW, R0ACK, UB0ABA'],
[10, 11, "red", 'R0ADV, Гайвер, UB0ABA'],
[11, 12, "red", 'RU0APN, R0ADV, Гайвер'],
[12, 13, "red", 'RU0APN, R0ADV, Гайвер, КОТ 94'],
[13, 14, "red", 'RU0APN, R0ADV, R0ACY'],
[14, 15, "red", 'RU0APN, R0ABT, R0ADV, Кореец'],
[15, 16, "red", 'RU0APN, R0ADV, R0ACY'],
[16, 17, "red", 'R0ACK, R0ADV'],
[17, 18, "red", 'UB0AAZ, UB0AFF, R0ADV'],
[18, 19, "red", 'UB0AAZ, R0AAZ, R0ACY'],
[19, 20, "red", 'UB0AAZ, R0AAZ'],
[20, 21, "red", 'UB0AAZ, R0ABD, Егорыч'],
[21, 22, "red", 'UB0AAZ, RU0AMM, RV0ALG, R0ADH, R0ACK, Егорыч'],
[22, 23, "red", 'UB0AAZ, UB0ABG, RU0AMM, R0AEC'],
[23, 8, "red", 'RE0RAS']
],
2 : [
[8, 9, "red", 'R0ADW, UB0ABG, RU0AMM, R0ADH, R0ACK'],
[9, 10, "red", 'R0ADW, R0ACK, 28'],
[10, 11, "red", 'R0ADV, Гайвер, 28'],
[11, 12, "red", 'RU0APN, R0ADV, Гайвер, 28'],
[12, 13, "red", 'RU0APN, R0ADV, Гайвер, КОТ 94, 28'],
[13, 14, "red", 'RU0APN, R0ADV, 28'],
[14, 15, "red", 'RU0APN, R0ABT, R0ADV, 28, Кореец'],
[15, 16, "red", 'RU0APN, R0ADV, 28'],
[16, 17, "red", 'R0ACK, R0ADV, 28'],
[17, 18, "red", 'UB0AAZ, UB0AFF, UB0ADQ, R0ADV, 28'],
[18, 19, "red", 'UB0AAZ, R0AAZ'],
[19, 20, "red", 'UB0AAZ, R0AAZ'],
[20, 21, "red", 'UB0AAZ, R0ABD, Егорыч'],
[21, 22, "red", 'UB0AAZ, RU0AMM, RV0ALG, R0ADH, R0ACK, Егорыч'],
[22, 23, "red", 'UB0AAZ, UB0ABG, RU0AMM'],
[23, 8, "red", 'RE0RAS']
],
3 : [
[8, 9, "red", 'R0ADW, UB0ABG, RU0AMM, R0AEC, R0ADH, R0ACK'],
[9, 10, "red", 'R0ADW, R0ACK, UB0ABA'],
[10, 11, "red", 'R0ADV, Гайвер, UB0ABA'],
[11, 12, "red", 'RU0APN, R0ADV, Гайвер'],
[12, 13, "red", 'RU0APN, R0ADV, Гайвер, КОТ 94'],
[13, 14, "red", 'RU0APN, R0ADV, R0ACY'],
[14, 15, "red", 'RU0APN, R0ABT, R0ADV, Кореец'],
[15, 16, "red", 'RU0APN, R0ADV, R0ACY'],
[16, 17, "red", 'R0ACK, R0ADV'],
[17, 18, "red", 'UB0AAZ, UB0AFF, UB0ADQ, R0ADV'],
[18, 19, "red", 'UB0AAZ, R0AAZ, R0ACY'],
[19, 20, "red", 'UB0AAZ, R0AAZ'],
[20, 21, "red", 'UB0AAZ, R0ABD, Егорыч'],
[21, 22, "red", 'UB0AAZ, RU0AMM, RV0ALG, R0ADH, R0ACK, Егорыч'],
[22, 23, "red", 'UB0AAZ, UB0ABG, RU0AMM, R0AEC'],
[23, 8, "red", 'RE0RAS']
],
4 : [
[8, 9, "red", 'R0ADW, UB0ABG, RU0AMM, R0ACK'],
[9, 10, "red", 'R0ADW, R0ACK, 28'],
[10, 11, "red", 'R0ADV, Гайвер, 28'],
[11, 12, "red", 'RU0APN, R0ADV, Гайвер'],
[12, 13, "red", 'RU0APN, R0ADV, Гайвер, 28'],
[13, 14, "red", 'RU0APN, R0ADV, 28'],
[14, 15, "red", 'RU0APN, R0ABT, R0ADV, Кореец'],
[15, 16, "red", 'RU0APN, R0ADV, 28'],
[16, 17, "red", 'R0ACK, R0ADV, 28'],
[17, 18, "red", 'UB0AAZ, UB0AFF, UB0ADQ, 28'],
[18, 19, "red", 'UB0AAZ, R0AAZ'],
[19, 20, "red", 'UB0AAZ, R0AAZ'],
[20, 21, "red", 'UB0AAZ, R0ABD, Егорыч'],
[21, 22, "red", 'UB0AAZ, RU0AMM, RV0ALG, R0ACK, Егорыч'],
[22, 23, "red", 'UB0AAZ, UB0ABG, RU0AMM'],
[23, 8, "red", 'RE0RAS']
],
5 : [
[8, 9, "red", 'R0ADW, UB0ABG, RU0AMM, R0AEC, R0ACK'],
[9, 10, "red", 'R0ADW, R0ACK, UB0ABA'],
[10, 11, "red", 'R0ADV, Гайвер, UB0ABA'],
[11, 12, "red", 'RU0APN, R0ADV, Гайвер'],
[12, 13, "red", 'RU0APN, R0ADV, Гайвер, КОТ 94'],
[13, 14, "red", 'RU0APN, R0ADV, R0ACY'],
[14, 15, "red", 'RU0APN, R0ABT, R0ADV, Кореец'],
[15, 16, "red", 'RU0APN, R0ADV, R0ACY'],
[16, 17, "red", 'R0ACK, R0ADV'],
[17, 18, "red", 'UB0AAZ, UB0AFF, R0ADV'],
[18, 19, "red", 'UB0AAZ, R0AAZ, R0ACY'],
[19, 20, "red", 'UB0AAZ, R0AAZ'],
[20, 21, "red", 'UB0AAZ, Егорыч'],
[21, 22, "red", 'UB0AAZ, RU0AMM, RV0ALG, R0ACK, Егорыч'],
[22, 23, "red", 'UB0AAZ, UB0ABG, RU0AMM, R0AEC'],
[23, 8, "red", 'RE0RAS']
],
6 : [
[8, 9, "red", 'UB0ABG, RU0AMM'],
[9, 10, "red", 'Гараж'],
[10, 11, "red", 'Гайвер, Гараж'],
[11, 12, "red", 'Гайвер, Гараж'],
[12, 13, "red", 'Гайвер, КОТ 94'],
[13, 14, "red", 'RV0ALG, UB0ACI'],
[14, 15, "red", 'UB0ACI, R0ACW'],
[15, 16, "red", 'UB0ACI, R0ACW'],
[16, 17, "red", 'UB0ACI, R0ACW'],
[17, 18, "red", 'UB0ACI, R0ACW'],
[18, 19, "red", 'UB0ACI, R0ACW'],
[19, 20, "red", 'UB0AFF, UB0ACI'],
[20, 21, "red", 'Егорыч, UB0ACI, UB0AFF'],
[21, 22, "red", 'RU0AMM, Егорыч'],
[22, 23, "red", 'UB0ABG, RU0AMM'],
[23, 8, "red", 'RE0RAS']
]
};

@besick · 21.10.2014, 17:52 **[ТС]**

@Mvolk · 21.04.2017, 14:38

А как в расписание добавить минуты?

@and_y87 · 21.04.2017, 15:24

Если проверять ещё и минуты я во первых в этом случае привёл бы "библиотеку данных" к такому формату:

JavaScript
1
2
3
4
5
6
7
8
var data = {
  // 0 - порядковый день недели "понедельник"
  0 : [
    [ [8,30], [9,10], ['text text text text ',"red"]],
    [ [9,10], [9,45], ['test test test test ',"blue"]],
  ],
  //1 : ...
]

удобнее визуально понимать...

по поводу определения необходимой записи... всё относительно просто...
определяем текущий день, час, минуту и перебором со сравнением ищем необходимую запись...
где значения будут соответствовать текущему времени... часы и минуты из первого массива, больше или равны текущим и меньше чем предельные, из второго массива...

Добавлено через 36 секунд
P.S. при такой структуре можно задать стандартные значения для минут и цвета.

@Mvolk · 21.04.2017, 15:36

and_y87, Вставил, пишет undifined... Что-то еще может надо поменять? я в Javascript вообще не шарю.. Нужно просто на сайт сделать вывод расписания по дням недели, времени и минутам... Заранее спасибо

@and_y87 · 21.04.2017, 16:10

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

and_y87, Вставил, пишет undifined... Что-то еще может надо поменять? я в Javascript вообще не шарю.. Нужно просто на сайт сделать вывод расписания по дням недели, времени и минутам... Заранее спасибо

Моё предыдущее сообщение имеет уже совсем другую логику JS нежели замысел автора...
сейчас не могу, позже выложу пример кода, который с этим справится... если до меня никто этого не сделает...

@Mvolk · 21.04.2017, 16:36

and_y87, Спасибо!! Буду ждать!

@and_y87 · 24.04.2017, 13:12

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

and_y87, Спасибо!! Буду ждать!

Представляю в виде небольшого плагина, на чистом JS(без JQ).

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
var
 
data    = {
    0 : [
        [ [13,00], [13,30], ['text text text text 5 ']],
        [ [13,30], [14,00], ['text text text text 6 ']],
        [ [14,00], [14,30], ['test test test test 7 ',"blue"]],
        [ [14,30], [15,00], ['test test test test 8 ',"blue"]],
        [ [15,00], [18,00], ['test test test test 9']]
    ]
    //1 : ...
},
 
core    = {
 
    id      : '',
 
    item    : null,
 
    timer   : null,
 
    data    : {},
 
    options : {
        color   : "red",
        time    : 60000,
        text    : 'default text'
    },
 
 
    initRow    : function()
    {
        var text, data,
            d   = new Date(),
            h   = d.getHours(),
            m   = d.getMinutes();
 
        d   = d.getDay();
 
        if( this.data[d] == undefined ) return [['Day(' +d+ ') Not Found']];
 
        data = this.data[d];
        text = [core.options.text];
 
        var len = data.length;
 
        for( var i=0; i < len; i++)
        {
            if ( data[i][0][0] <= h && h <= data[i][1][0] && ( data[i][0][1] <= m && m < data[i][1][1] ) )
            {
                text = data[i][2];
            }
        }
        core.setupRow(text[0], (text[1]) ? text[1] : core.options.color );
    },
 
    setupRow    : function(text, color)
    {
        this.item.innerHTML     = text;
        this.item.style.color   = color;
    },
 
    init        : function( data, id,  opt )
    {
        this.data       = data;
 
        if (opt != undefined )
        {
            if ( opt.color ) this.options.color = opt.color;
            if ( opt.time ) this.options.time = opt.time;
            if ( opt.text ) this.options.text = opt.text;
        }
        this.id         = id;
        this.item       = document.getElementById( this.id );
        this.timer      = setInterval(core.initRow, this.options.time);
 
        this.initRow();
    }
};
 
(function(){
 
    core.init(data, 'id_text', {
        color   : "green"
    });
 
})();

Будут вопросы пиши...

@Mvolk · 05.05.2017, 15:48

and_y87, вставил этот код в <script type="text/javascript"> </script> и что-то не работает.. Сорри за тупость, в javascript вообще не разбираюсь. 0 догадался что это воскресенье и поменял на 5 пятницу чтобы проверить работоспособность.

@wlx · 10.10.2018, 18:21

Я конечно понимаю что прошло много времени, но все же, может кто подскажет как вывести например сегодня понедельник, выводится R0ADW, R0ACK, UB0ABA, а как еще вывести воскресенье и вторник, но отдельными строчками.

Новые блоги и статьи Все статьи Все блоги /
23. что сделано за последнее время. anaschu 17.06.2026 • Эталон: Клиника НИИ питания РАМН, Москва — централизованный пищеблок, 225 коек, 180 пациентов • Git: репозиторий med2, ветка абсентеизм. Рабочий файл: СРесурсами1_v4. alp • Смежный проект:. . .	22. Подключение слоя системной динамики (потоковые диффуры): экономические метрики модели anaschu 17.06.2026 Апдейт модели: финансовый контур, разделение затрат Продолжаю развивать модель рабочего коллектива на AnyLogic. В этот раз работа шла над агентом Экономика — финансовым SD-слоем модели. Задача:. . .	[golang] Insert Delete GetRandom O(1) (Leetcode: 380) alhaos 16.06.2026 Insert Delete GetRandom O(1) Сложность: Medium Источник: LeetCode 380 Задача Реализовать структуру данных RandomizedSet, которая поддерживает следующие операции за O(1) в среднем:	Свет в конце тоннеля kumehtar 16.06.2026 Поймал себя на одной мысли. Раньше мне всегда казалось неправильным жить без чёткого понимания, куда всё идёт. Будто я иду по дороге судьбы, но не знаю, куда она ведёт. А раз не знаю — значит,. . .
[golang] Реализация стека с поддержкой получения минимального элемента за O(1) alhaos 16.06.2026 Min Stack Сложность: Medium Источник: LeetCode 155 Задача: Реализовать стек который поддерживает push, pop, top и получение минимального элемента за O(1). Методы:	[golang] Конкурентный fetcher с ограничением максимального количества одновременных HTTP запросов. alhaos 10.06.2026 Задача Реализовать конкурентный fetcher с ограничением максимального количества одновременных HTTP запросов. Сигнатура func Fetch(urls string, maxConcurrent int) Result Пример urls :=. . .	[golang] Состояние гонки (race condition) alhaos 10.06.2026 Состояние гонки (race condition) Состояние гонки (Race Condition) — это ошибка, возникающая при одновременном доступе нескольких горутин к одним и тем же данным без должной синхронизации. При этом. . .	Взрослые отношения, и почему они не получаются kumehtar 09.06.2026 Когда в детстве ребёнок не получает от родителей чего-то важного, он лишается не просто приятных переживаний, а основы для формирования определённых внутренних качеств и навыков. Если ребёнок не. . .

@besick 0 / 0 / 0 Регистрация: 18.10.2014 Сообщений: 23
	21.10.2014, 17:52 [ТС]
	0

@Mvolk 0 / 0 / 0 Регистрация: 21.04.2017 Сообщений: 4
	21.04.2017, 14:38
	А как в расписание добавить минуты? 0

@Mvolk 0 / 0 / 0 Регистрация: 21.04.2017 Сообщений: 4
	21.04.2017, 15:36
	and_y87, Вставил, пишет undifined... Что-то еще может надо поменять? я в Javascript вообще не шарю.. Нужно просто на сайт сделать вывод расписания по дням недели, времени и минутам... Заранее спасибо 0

@Mvolk 0 / 0 / 0 Регистрация: 21.04.2017 Сообщений: 4
	21.04.2017, 16:36
	and_y87, Спасибо!! Буду ждать! 0

@Mvolk 0 / 0 / 0 Регистрация: 21.04.2017 Сообщений: 4
	05.05.2017, 15:48
	and_y87, вставил этот код в <script type="text/javascript"> </script> и что-то не работает.. Сорри за тупость, в javascript вообще не разбираюсь. 0 догадался что это воскресенье и поменял на 5 пятницу чтобы проверить работоспособность. 0

@wlx 34 / 1 / 0 Регистрация: 01.06.2013 Сообщений: 50
	10.10.2018, 18:21
	Я конечно понимаю что прошло много времени, но все же, может кто подскажет как вывести например сегодня понедельник, выводится R0ADW, R0ACK, UB0ABA, а как еще вывести воскресенье и вторник, но отдельными строчками. 0