Простейшие часы на сайт. Скрипты. Блог. Портал SzenProgs
 

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

Скрипты

Рисунок Простейшие часы на сайт
Простейшие часы на сайт Простейшие часы на сайт
оценка: 4.0 из 5
оценок: 24, отзывов: 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. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




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

rss
Категория:Скрипты
Просмотрено:16100
Рейтинг:4.0/24
Дата добавления: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:

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

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



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