Скрипт приветствия для сайта

imegesСкрипт приветствия для сайта.

. Не так давно на просторах нашего интернета мне попался интересный скрипт. Это скрипт приветствия. И я подумал, что такой скрипт может много кому пригодится, он выводит приветствие в зависимости от времени суток. То есть если вставить такой скрипт вначале вашей статьи то в зависимости от времени суток будет написано: доброе утро, добрый день, добрый вечер и доброй ночи. Так же этот он сверяет время не с сервером, а с компьютером пользователя поэтому никакой корректировки времени не нужно и этот скрипт будет выводить приветствие правильно не зависимо от часового пояса в каком находится пользователь. В этой статье я покажу как можно вставить такой скрипт в свою статью. 

 

И так сам скрипт выглядит вот так:

 

Здесь вы можете просто скопировать этот скрипт:

 

<script language="JavaScript"> day = new Date(); hour = day.getHours(); if (hour>=5 && hour<12) greeting = "Доброе утро"; else { if (hour>=12 && hour<18) greeting = "Добрый день"; else { if (hour>=18 && hour<24) greeting = "Добрый вечер"; else { if (hour>=0 && hour<5) greeting = "Доброй ночи"; } } } document.write(greeting); </script>

 

Этот скрипт  приветствия  5 утра до 12 дня выводит надпись Доброе утро, с 12 до 18 вечера он будет писать Добрый день, с 18 вечера и до 24 ночи он пишет Добрый вечер, а после 24 часов то есть с 0.00 и до 5 утра – пишет Доброй ночи. Разобраться в нём я думаю не сложно поэтому много что и как объяснять не буду, а просто скажу что здесь всё зависит от вашей фантазии. Время и надписи вы можете поменять и установить свои.

Для того что бы вставить такой скрипт в вашу статью вам нужно просто его скопировать высшее и потом просто вставить в нужное место например как показано на рисунке ниже.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>

<body><script language="JavaScript"> day = new Date(); hour = day.getHours(); if (hour>=5 && hour<12) greeting = "Доброе утро"; else { if (hour>=12 && hour<18) greeting = "Добрый день"; else { if (hour>=18 && hour<24) greeting = "Добрый вечер"; else { if (hour>=0 && hour<5) greeting = "Доброй ночи"; } } } document.write(greeting); </script> Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье.
</body>
</html>
 

 

После такой вставки ваша страничка будет выглядить вот так:

 

Добрый деньПример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье. Пример текста в статье.

 

Выделенное приветствие и есть ничто иное, как работа этого скрипта, естественно вы можете его сделать  жирным шрифтом, увеличить размер или сделать курсивом или поставить по середине страницы и написать свой текст, это уже как ч сказал высшее зависит от вашей фантазии. К стати, в этой статье, так же стоит этот скрипт это приветствие в самом начале статьи.

***********************Дополнительно ответ на комментарий*******************

Ниже был добавлен коментарий к этой статье, в котором спрашиватся как изменить цвет текста. Я решил ответить прямо в статье для того что бы в дальнейшем уже таких вопросов не возникало.

Я высше уже писал:

Выделенное приветствие и есть ничто иное, как работа этого скрипта, естественно вы можете его сделать  жирным шрифтом, увеличить размер или сделать курсивом или поставить по середине страницы и написать свой текст, это уже как ч сказал высшее зависит от вашей фантазии. К стати, в этой статье, так же стоит этот скрипт это приветствие в самом начале статьи.

А теперь я постараюсь объяснить это подробнее.

И так: это все можно сделать с помощью стилей.  Для этого зададим два разных идентификатора скрипту и самому тексту статьи:

пример

<body>
<span id="colors_1">
<script language="JavaScript"> day = new Date(); hour = day.getHours(); if (hour>=5 && hour<12) greeting = "Доброе утро"; else { if (hour>=12 && hour<18) greeting = "Добрый день"; else { if (hour>=18 && hour<24) greeting = "Добрый вечер"; else { if (hour>=0 && hour<5) greeting = "Доброй ночи"; } } } document.write(greeting); </script>
</span>
<span id="colors_2">Здесь будет находится основной текст. </span>
</body>

А после зададим для них стили которые пропишем в таблице стилей CSS или просто между тегами  <head>......</head>

Пример:

<style type="text/css">
#colors_1{
 color: #090;
 }

#colors_2 {
 color: #F00;
}
</style>

Здесь в этом примере задан просто разный цвет для текста, но можно задать и другие стили ........

Комментарии   

 
# Игорь 25.03.2013 08:52
Скрипт работает, спасибо.
Подскажите, пожалуйста, как изменить цвет текста и позицию.
Ответить | Ответить с цитатой | Цитировать
 
 
# Андрей99 28.06.2013 13:03
Классный скрипт!
Вроде бы простой, но другого похожего я не видел.
А можно ли его модифицировать чтобы он мог выводить еще и картинки. Разные изображения в разное время суток.
Знаю, что есть модуль "Баннеры". Но ни стандартный модуль, ни сторонний и даже ни модули вывода новостей (все которые я перебрал) не умели выводить разные материалы в зависимости от времени суток. А иногда это очень нужно.
Спасибо за уроки. Андрей
Ответить | Ответить с цитатой | Цитировать
 

Добавить комментарий

В комментариях запрещается:
1) Писать оскорбительные выражения в сторону как администратора, модератора так и других пользователей сайта. (За такое нарушение сразу бан)
2) Реклама в любом ее проявлении, а так же рекламные ссылки на свои сайты, партнерские ссылки, для ссылки на свой сайт нужно использовать специальное поле для добавления ссылки.
3) Прежде чем писать комментарий и задавать вопрос обязательно убедитесь, что на ваш вопрос точно нет ответа на сайте. Так же на сайте есть форум, где вы можете задавать вопросы другим участникам этого форума...
ВНИМАНИЕ: ПРАВИЛА МОГУТ ДОПОЛНЯТЬСЯ И ИСПРАВЛЯТЬСЯ, В ТЕЧЕНИИ ВРЕМЕНИ СУЩЕСТВОВАНИЯ САЙТА БЕЗ ПРЕДУПРЕЖДЕНИЯ. ПОЭТОМУ ЧИТАЙТЕ ИХ ОБЯЗАТЕЛЬНО, ВО ИЗБЕЖАНИЕ НЕДОРАЗУМЕНИЙ.


Защитный код
Обновить

 

 

 

Custom Search

 

 

Читаем так же:

Отправить в FacebookОтправить в Google BookmarksОтправить в TwitterОтправить в LinkedInОтправить в BobrdobrОтправить в LivejournalОтправить в MoymirОтправить в OdnoklassnikiОтправить в VkcomОтправить в Yaru