Отображение времени суток пользователя

[sergey37]

PHP код:

<script type="text/javascript">
<!--
function display_title() {
date = new Date();
var hours = date.getHours();
if (hours >= 6) { time_of_day = 'Доброе утро';}
if ((hours >= 12) && (hours < 18)) { time_of_day = 'Добрый день';}
if (hours >= 18) { time_of_day = 'Добрый вечер';}
if ((hours >= 0) && (hours < 6)){ time_of_day = 'Доброй ночи';}
document.write(time_of_day + '!');
}
//-->
</script> 


Этот скрипт отображает время пользователя на сайте, как сюда можно запихнуть картинку?

Что бы на сайте вместе с надписью добрый день отображалась картинка№1, с надписью добрый вечер отображалась картинка№2.....

---

PHP код:

<script type="text/javascript">
<!--
function display_title() {
date = new Date();
var hours = date.getHours();
if (hours >= 6) [b]{ time_of_day = '<b>Доброе утро</b> /<b>здесь адрес изображения/</b>';}[/b]
if ((hours >= 12) && (hours < 18)) { time_of_day = 'Добрый день';}
if (hours >= 18) { time_of_day = 'Добрый вечер';}
if ((hours >= 0) && (hours < 6)){ time_of_day = 'Доброй ночи';}
document.write(time_of_day + '!');
}
//-->
</script> 


Мои извилины в правильном направлении ползут?

[Admin]

Так а что тут сложного? Достаточно после "Доброе утро" как в обычном HTML добавить картинку. Так как в данном скрипте будет всего четыре изображения, то не стоит сильно заморачиваться:

PHP код:

<script type="text/javascript">
function display_title() {
date = new Date();
var hours = date.getHours();
if (hours >= 6) { time_of_day = 'Доброе утро! <img src="image/img_1.png">';}
if ((hours >= 12) && (hours < 18)) { time_of_day = 'Добрый день! <img src="image/img_2.png">';}
if (hours >= 18) { time_of_day = 'Добрый вечер! <img src="image/img_3.png">';}
if ((hours >= 0) && (hours < 6)){ time_of_day = 'Доброй ночи! <img src="image/img_4.png">';}
document.write(time_of_day);
}
display_title();
</script> 


P.S. Тег <script language="JavaScript"> считается устаревшим и вместо него рекомендуется использовать <script type="text/javascript">, поэтому я внес необходимые изменения в Ваш предыдущий пост.

[sergey37]

Конечно ничего сложного... Для Вас, а если я в деревне Гадюкино вырос? Где пхп считается страшным иноземным ругательством. Шучу конечно.
Это всё просто, когда знаешь что и как. А когда только начинаешь, то немного сложней.

[ale10ey]

Доброе время суток,
Скрипт работает, но находится в html документе, но хочется его вынести, например в общий js файл, а на странице html указать его id, т.е. как правильно к скрипту прописать else document.getElementById(" "), который можно будет прописать на странице html или в этом нет необходимости?
У меня на html странице данный скрипт находится в блоке div у которого прописан id и с помощью css располагаю данные в нужном месте, но думаю глупо размещать единственный скрипт в блоке div, чтобы задать стили.
Или можно как-то проще оформить?
Заранее благодарен.

[Admin]

Если я правильно понял задачу, то попробуйте вместо строчки document.write(time_of_day); использовать document.getElementById("time_now").innerHTML=time_of_day;, где time_now - id элемента на страничке, куда будет подставляться время суток.

[ale10ey]

(28.02.2015 18:53:11)Admin писал(а):  Если я правильно понял задачу, то попробуйте вместо строчки document.write(time_of_day); использовать document.getElementById("time_now").innerHTML=time_of_day;, где time_now - id элемента на страничке, куда будет подставляться время суток.

Доброе время суток,
Да вы поняли меня правильно, в данный момент скрипт располагается в js файле, где изменена строчка document.write(time_of_day); на:
document.getElementById("time_now").innerHTML=time_of_day;
в html документе, например через строчный элемент span добавляю этот id:
<span id="time_now"></span>, но как извлечь данные time_of_day из js файла в
html документ, как в примере:
time_of_day = 'Доброе утро, гость';
time_of_day = 'Доброе день, гость';
time_of_day = 'Добрый вечер, гость';
time_of_day = 'Доброй ночи, гость';
Если в данный момент прописать в span, например, Доброе утро, то это и будет отображаться в течение 24 часов, т.е. данные из скрипта не извлекаются или надо прописать еще функцию работы скрипта?

[Admin]

Просто поместите в подключаемый JS-файл код:

Код:

date = new Date();
var hours = date.getHours();
if (hours >= 6) { time_of_day = 'Доброе утро, гость';}
if ((hours >= 12) && (hours < 18)) { time_of_day = 'Добрый день, гость';}
if (hours >= 18) { time_of_day = 'Добрый вечер, гость">';}
if ((hours >= 0) && (hours < 6)){ time_of_day = 'Доброй ночи, гость">';}
document.getElementById("time_now").innerHTML=time_of_day;

А на страничке, в которой подключается JS-файл добавьте элемент <span id="time_now"></span>

[ale10ey]

(01.03.2015 15:54:17)Admin писал(а):  Просто поместите в подключаемый JS-файл код:

Код:

date = new Date();
var hours = date.getHours();
if (hours >= 6) { time_of_day = 'Доброе утро, гость';}
if ((hours >= 12) && (hours < 18)) { time_of_day = 'Добрый день, гость';}
if (hours >= 18) { time_of_day = 'Добрый вечер, гость">';}
if ((hours >= 0) && (hours < 6)){ time_of_day = 'Доброй ночи, гость">';}
document.getElementById("time_now").innerHTML=time_of_day;

А на страничке, в которой подключается JS-файл добавьте элемент <span id="time_now"></span>

Я так и сделал, поэтому и написал, но на странице нет ничего, если же весь скрипт поместить в блог div, то отображается нормально, а здесь складывается ощущение, что просто не видит этого скрипта и если даже поместить весь скрипт в html и прописать <span id="time_now"></span> на странице, то результата нет...

[Admin]

Возможно, у Вас кэшируется javascript или еще что-то. Проверял, все работает как надо.

[ale10ey]

(01.03.2015 16:30:50)Admin писал(а):  Возможно, у Вас кэшируется javascript или еще что-то. Проверял, все работает как надо.

Да, верно на отдельной html странице работает нормально, но как подключаю к страницам сайта - не работает. В htaccess не прописаны команды для кеширования, проверял также и вставкой кода для отображения текущего времени и даты, но тут все отображается верно. Сам код находится в общем js файле, a span а html и все работает. В данном скрипте все тоже самое, но не работает, странно буду разбираться. В любом случае спасибо за ответ.