Скрипт вывода текста от времени суток!
Доброго времени ув. Знатоки вновь прошу вас помочь со скриптом.
var date = new Date();
var hour = date.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);
Есть скрипт вывода текста от времени суток, нужно как нить этот текст выводить в тег title='' для картинок. Думал можно под ставить в тег так "+greeting+" ничего не дало. Подскажите как реализовать? Заранее огромное спасибо! |
<img src="http://javascript.ru/forum/images/smilies/victory.gif" />
<img src="http://javascript.ru/forum/images/smilies/dance3.gif" />
<script>
var hour = new Date().getHours();
var greeting;
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 = "Доброй ночи";
var i, image;
for (i = 0; image = document.images[i]; i++) {
image.title = greeting;
}
</script>
|
danik.js,
Так тогда будет выводить у всех img на странице? |
danik.js,
Ответишь нет? |
Цитата:
|
danik.js,
а как сделать чтоб выводило только определенной картинке? Только не идом. |
Цитата:
|
danik.js,
Извиняюсь за тупость сия моего ответа! Просто картинка которой нужно прикрутить данные титлы уже выводиться с помощью ида.. По этому вывод через ид уже не возможен. Вот может и классом только как обратить в класс? |
Цитата:
|
Я уже приводил такой скрипт на форуме...
var timer_img;
function img_change(){
var pic = document.getElementById('top_img');
if(!pic)return;
if(timer_img) window.clearTimeout(timer_img);
var img = new Array();
img[0]="ссылка на изображение с 12 ночи до 7";
img[7]="ссылка на изображение с 7 до 12";
img[14]="ссылка на изображение с 12 до 14";
img[21]="ссылка на изображение с 14 до 21";
var now = new Date();
var hours = now.getHours();
var url='';
for (i in img ){if(i<=hours&&img[i]) url=img[i]};
if(url=='') url=img[i];
pic.src=url;
var next = new Date();
next.setHours(+1,0,0,0);
timer_img=window.setTimeout(arguments.callee, next.getTime()- now.getTime())
}
img_change();
|
pic.title = "some title" Все ж элементарно. Тайтл можешь хранить тоже в массиве, то есть так:
var images = {
0: {src: "ссыль 1", title: "Тайтл 1"},
7: {src: "ссыль 2", title: "Тайтл 2"}
}
|
danik.js,
Чет до меня не до шло как в тот что я привел скрипт прикрутить тайтл..... |
danik.js,
До стал наверное совею тупостью))) Можешь поподробней написать как сделать) Заранее огромное спасибо!!! |
<img id="top_img" src="http://online-azbuka.ru/image/ts4.jpg" title="" alt="" />
<script>
var pic = document.getElementById('top_img');
var images = {
0: {src: "http://online-azbuka.ru/image/ts1.jpg", title: "Тайтл ссылки на изображение с 12 ночи до 7"},
7: {src: "http://online-azbuka.ru/image/ts2.jpg", title: "Тайтл ссылки на изображение с 7 до 12"},
12: {src: "http://online-azbuka.ru/image/ts3.jpg", title: "Тайтл ссылки на изображение с 12 до 14"},
14: {src: "http://online-azbuka.ru/image/ts4.jpg", title: "Тайтл ссылки на изображение с 14 до 21"}
}
var hours = (new Date()).getHours();
hours = hours >= 14 ? 14 : hours >= 12 ? 12 : hours >= 7 ? 7 : 0;
pic.src = images[hours].src;
pic.title = images[hours].title;
</script>
|
| Часовой пояс GMT +3, время: 21:44. |