Простейшие часы на сайт

Скрипты

Рисунок Простейшие часы на сайт
x;z-index:1 }
Простейшие часы на сайт Простейшие часы на сайт
оценка: 4.1 из 5
оценок: 26, отзывов: 2

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

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

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

Code
<div id="idspclock1" style="text-align:center;"><noscript>Тут размещены часики от <a href="http://szenprogs.ru/blog/prostejshie_chasy_na_sajt/2011-03-09-94" target="_blank" title="Часики, скрипт часы, часы на сайт">SzenProgs.ru</a>. Чтобы увидеть их включите выполнение JavaScript в браузере.</noscript></div>
<script type="text/javascript">
  // Создатель: SzenProgs.ru
  // Название: Скрипт простейших часов на JavaScript
  // Страница скрипта: http://szenprogs.ru/blog/prostejshie_chasy_na_sajt/2011-03-09-94
  // <!--
  $spclock1={
    tmr: 0,
    dubnums: function(i){
      if(i.length==1) return '0'+i; else return i;
    },
    
    gettime: function(){
      tm=new Date();
      var h=new String(tm.getHours());
      var m=new String(tm.getMinutes());
      var s=new String(tm.getSeconds());
      var st=this.dubnums(h);
      st+=':'+this.dubnums(m);
      st+=':'+this.dubnums(s);
      return st;
    },
    
    timeit: function(){
      window.clearTimeout(this.tmr);
      document.getElementById('idspclock1').innerHTML=this.gettime();
      this.tmr=window.setTimeout('$spclock1.timeit();',1000);
    },
    
    ready: function(){
      this.timeit();
    }
  }
  
  $spclock1.ready();
  // -->
</script>

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

Пример, как всегда, на странице:

На этом все. Пользуйтесь!

Удачи в свершениях!

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.

x;z-index:1 }


Простейшие часы на сайт
Скрипты
Скрипты, инструкции, справочники

rss
Категория:Скрипты
Просмотрено:188923
Рейтинг:4.1/26
Дата добавления:2011-03-09 11:33, Среда
Добавил:Szen
Теги:часы, часики

Мини-форум

№ 02011-03-09 11:33
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Простейшие часы на сайт".
Гость
№ 1
2012-01-05 22:37
andrei25
Аватар участника andrei25
Добрый день!
А можно данное время вставить куда то в текст? Например такого вида:

"Время работы с 10 до 18.00. Текущее время:12:30:22. Выходной день в воскресенье"

То есть, чтобы время показывалось внутри текста, а не на следующей строке. Хотелось бы время так поместить на сайте, а так вставляю код получается только на следующей строке. Заранее спасибо за ответ.
Андрей
№ 2
2012-01-06 12:10
Szen
Аватар участника Szen
andrei25, да, можно. для этого вместо:
Code
<div id="idspclock1" style="text-align:center;"><noscript>Тут размещены часики от <a href="http://szenprogs.ru/blog/prostejshie_chasy_na_sajt/2011-03-09-94" target="_blank" title="Часики, скрипт часы, часы на сайт">SzenProgs.ru</a>. Чтобы увидеть их включите выполнение JavaScript в браузере.</noscript></div>

нужно вписать:
Code
Время работы с 10 до 18.00. Текущее время: <span id="idspclock1" style="text-align:center;"><noscript>Тут размещены часики от <a href="http://szenprogs.ru/blog/prostejshie_chasy_na_sajt/2011-03-09-94" target="_blank" title="Часики, скрипт часы, часы на сайт">SzenProgs.ru</a>. Чтобы увидеть их включите выполнение JavaScript в браузере.</noscript></span>. Выходной день в воскресенье
Szen
Учавствовать в обсуждении "Простейшие часы на сайт" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Посетители
Зарегистрированных посетителей не было.
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Каким файл-хостингом вы пользуетесь?
Всего ответов: 412
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 1
Гостей: 1
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2024 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz