Главная » 2010 » Июль » 19 » Часы являются фоном (Javascript)
19.07.2010, 18:29

Часы являются фоном



Довольно интересная реализация часов для сайта. В данном случае, они являются фоном страницы.

В head ставим этот скрипт:

Code
<script language=javaScript>
function clockon() {
  thistime= new Date()
  var hours=thistime.getHours()
  var minutes=thistime.getMinutes()
  var seconds=thistime.getSeconds()
  if (eval(hours) <10) {hours="0"+hours}
  if (eval(minutes) < 10) {minutes="0"+minutes}
  if (seconds < 10) {seconds="0"+seconds}
  thistime = hours+":"+minutes+":"+seconds
   
  if(document.all) {
  bgclocknoshade.innerHTML=thistime
  bgclockshade.innerHTML=thistime
  }
   
  if(document.layers) {
  document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:12px">'+thistime+'</div>')
  document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:10px">'+thistime+'</div>')
  document.close()
  }
  var timer=setTimeout("clockon()",200)
}
</script>

Добавляем в body onload:

Code
<body onLoad="clockon()>

и вставляем этот код:

Code
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FF8888;font-size:120px;top:102px;left:12px"></div>

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:100px;left:10px"></div>

а все содержимое страницы, заключаем в div:

Code
<div id="mainbody" style="position:absolute; visibility:visible">Содержимое</div>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2650 | Добавил: antisept | Рейтинг: 3.0/1 |
Теги: фоном, являются, часы
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]