Программирование поздравления с днём рождения - обзор
Для программирования использую основной Интернет-язык HTML и встроенный в него JavaScript. 00:00 Сначала показано само поздравление (первые 11 секунд) 00:12 Затем показывается листинг JavaScript-программы. Попробую описать её основные части: Два главных текстовых блока описаны между тегами . Первый блок содержит имя "Вера", а второй блок поздравление: "Поздравляем с Днём Рождения!". Им присваиваются id caption1 и caption2. Сама программа описана между тегами , и управление ей передается ещё до полной загрузки документа. Поздравление устроено по принципу бесконечного повторения трёх картинок: 1. На первой картинке отображается жёлтый цветовой круг с белым, а за ним и зелёным ободком. Центр этого круга расположен ближе к левому верхнему углу окна. У слова "Вера" установлена красная тень и жёлтый цвет. А текст "Поздравляем с Днём Рождения!" отображается тёмно-красным цветом. 2. На второй картинке цветовой круг смещается к правому верхнему углу и становится ярко-жёлтым. Также ярким становится и его зелёный ободок. Тень у имени Вера становится синей и опускается ниже, а само имя приобретает красный цвет. При этом "Поздравляем с Днём Рождения" становится чуть ярче. 3. На третьей картинке цветовой круг смещается к нижнему левому углу и становится тёмно-жёлтым. Соответственно темнеет и зелёный ободок. Тень имени "Вера" вновь становится красной и опускается чуть ниже, а само имя приобретает зелёный цвет. Текст "Поздравляем с Днём Рождения" опять становится чуть ярче. Смена этих картинок происходит каждые полсекунды: сначала 1,2,3, а потом снова 1. Для того, чтобы был организован такой цикл программа использует оператор setInterval с периодом 500 милисекунд. А для организованной смены картинок устроен счётчик состояний i, который изначально обнуляется. Но через каждые 500 милисекунд он инкрементируется и в зависимости от значения оператор switch(i) передаёт управление блокам case 1, case 2 и case 3 соответственно. При достижении последнего состояния 3 счётчик вновь обнуляется, что и приводит к бесконечному циклу программы. Автор программы - автор канала. Приглашаю подписаться.
Для программирования использую основной Интернет-язык HTML и встроенный в него JavaScript. 00:00 Сначала показано само поздравление (первые 11 секунд) 00:12 Затем показывается листинг JavaScript-программы. Попробую описать её основные части: Два главных текстовых блока описаны между тегами . Первый блок содержит имя "Вера", а второй блок поздравление: "Поздравляем с Днём Рождения!". Им присваиваются id caption1 и caption2. Сама программа описана между тегами , и управление ей передается ещё до полной загрузки документа. Поздравление устроено по принципу бесконечного повторения трёх картинок: 1. На первой картинке отображается жёлтый цветовой круг с белым, а за ним и зелёным ободком. Центр этого круга расположен ближе к левому верхнему углу окна. У слова "Вера" установлена красная тень и жёлтый цвет. А текст "Поздравляем с Днём Рождения!" отображается тёмно-красным цветом. 2. На второй картинке цветовой круг смещается к правому верхнему углу и становится ярко-жёлтым. Также ярким становится и его зелёный ободок. Тень у имени Вера становится синей и опускается ниже, а само имя приобретает красный цвет. При этом "Поздравляем с Днём Рождения" становится чуть ярче. 3. На третьей картинке цветовой круг смещается к нижнему левому углу и становится тёмно-жёлтым. Соответственно темнеет и зелёный ободок. Тень имени "Вера" вновь становится красной и опускается чуть ниже, а само имя приобретает зелёный цвет. Текст "Поздравляем с Днём Рождения" опять становится чуть ярче. Смена этих картинок происходит каждые полсекунды: сначала 1,2,3, а потом снова 1. Для того, чтобы был организован такой цикл программа использует оператор setInterval с периодом 500 милисекунд. А для организованной смены картинок устроен счётчик состояний i, который изначально обнуляется. Но через каждые 500 милисекунд он инкрементируется и в зависимости от значения оператор switch(i) передаёт управление блокам case 1, case 2 и case 3 соответственно. При достижении последнего состояния 3 счётчик вновь обнуляется, что и приводит к бесконечному циклу программы. Автор программы - автор канала. Приглашаю подписаться.