Рад что вы читаете данную статью на моем блоге о возможностях приукрасить и придать динамичности вашему блогу или сайту.В этом  обзоре я пакажу ясный пример установки на блоге или же на своем сайте "цифровые часы" с детальным обзором настройки.javaScript  помогает нам вебмастерам придать своему интернет-ресурсу динамичности по этому мы воспользуемся этим приоритетом.Ближе к скрипту, выглядит он не сложно и пустить даже вы явасцрипт не изучали вам не трудно будет с этим скриптом разобраться.Вот сам сцкрипт:

<script type="text/javascript">

function showTime()

 {

  var dat = new Date();

  var H = '' + dat.getHours();

  H = H.length<2 ? '0' + H:H;

  var M = '' + dat.getMinutes();

  M = M.length<2 ? '0' + M:M;

  var S = '' + dat.getSeconds();

  S =S.length<2 ? '0' + S:S;

  var clock = H + ':' + M + ':' + S;

  document

    .getElementById('time_div')

      .innerHTML=clock;

  setTimeout(showTime,1000);  // обновить  1 раз в секунду.

 }

</script>

<div id="main"> 

<div id="time_div" style="font-size:28px;color:orange;font-weight:700;font-family:Verdana;background-color:transparent;margin-left:80px;">

<script type="text/javascript">

  showTime();

</script>

</div>

</div>

Что мы имеем здесь, это сам скрипт которого нет необходимости изменить и перейдем мы ко второй части данного кода и видим тег <div id="main">  который содержит еще 1 тег  <div id="time_div" style="font-size:28px;color:orange;font-weight:700;font-family:Verdana;background-color:transparent;margin-left:80px;">  и в нутри его стоит скрипт что отвечает за отображением времени из функций showTime(); .Нас интересует именно внешний вид часов по этому обратим внимание на  второй div что содержит стили:

<div id="time_div" style="font-size:28px;color:orange;font-weight:700;font-family:Verdana;background-color:transparent;margin-left:80px;">

Теперь разберем что нас интересует по внешнему виду скрипта:

1.font-size:28px; - это размер шрифта и можете менять на свое усмотрение также  ка и все остальные css  стили;

2.color:orange; - это цвет текста часов, то есть цвет цифр;

3.font-weight:700;- здесь мы определяем жирность шрифта в интервале от 100 до 900;

4.font-family:Verdana; - здесь указано семейство шрифтов;

5.background-color:transparent; - задаем прозрачный фон для тега <div id="time_div" > в котором содержится скрипт часов.

6.margin-left:80px; - здесь указан отступ текста с левой  стороны от сайд бара или от другово дива в котором находится наш див  <div id="time_div"> его можете поменять на свое усмотрение.

Вот и все скрипт готов для использования на вашем сайте или блоге, также со стилями можно еще поиграться но это уже на ваш вкус и выбор и думаю вам не будет сложно добавить например черный фон или границу.Следите за новыми статьями, интересное следует...