» »

Цифровые часы для сайта на JavaScript


Цифровые часы для сайта на JavaScript

Простые цифровые часы, которые будут выводит время вашей системы. Здесь все сделано на JavaScript, что вы можете их редактировать в дизайн. Установка их также проста как и сами они, вы можете поставить их вверх сайта, где можно основном их увидеть. Плюс в том, как говорилось, вы их можете сделать как вам нужно, все зависит от ID – #time где в Панель HTML кодов работает, но все подробнее.

Это основной скрипт их:

Код
<span id="time">00:00:00</span>  

<script type="text/javascript">  
setInterval(function () {  
date = new Date(),  
h = date.getHours(),  
m = date.getMinutes(),  
s = date.getSeconds(),  
h = (h < 10) ? '0' + h : h,  
m = (m < 10) ? '0' + m : m,  
s = (s < 10) ? '0' + s : s,  
document.getElementById('time').innerHTML = h + ':' + m + ':' + s;  
}, 1000);  
</script>


В самом верху мы видим:

Код
<span id="time">00:00:00</span>


Просто добавляем жирный текст и желтый оттенок и стрелки.

Код
<span style="color:yellow"><b>«<span id="time">00:00:00</span>»</b> </span>


И вот что получилось:



Так что сами видите, как все поменялось, и теперь вы сами можете все сделать и красиво выставить под свои стили. Что другие невозможно сделать, так как там идет Flash, что здесь их нет.

Теперь в добавок часы на Flash



Код
<object
type="application/x-shockwave-flash" data="http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/562_Clock.swf"
width="200" height="200">
<param name="movie" value="http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/562_Clock.swf">
<param name="wmode" value="transparent">
</object>


Так что можете выбрать, какие вам больше нравятся и поставить, ведь одни можно в блок установить, а вот первые больше нравятся, так как они гибкие и под настройку, что каждый может сделать.
13.06.2016 Просмотров: 617 Комментарий: (7)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
Сопрано
Сопрано 13.06.2016 00:221
0
В первые вижу часы на JavaScript, возможно они давно уже, но как то на Flash привык. Даже какое то время точно такие часы на сайте стояли, теперь можно придумать, как бы на шапку скрипт прикрутить.
tsakonter
tsakonter 13.06.2016 00:252
0
Но так то они и сделаны для этого, но просто есть место, но не запихнуть эти круглые часы, а вот на скрипте, поставишь и еще как нужно выведешь по оттенку.
Kosten
Kosten 13.06.2016 00:384
0
Тоже какое то время ставил часы, не помню по дизайн какие были, но точно круглые, и цифровые, которые секунды перелистывали на темном фоне.
Scheme
Scheme 13.06.2016 00:353
0
Забираю, то что требовалось, есть одно место, что не чего туда не поставишь по навигаций, и как черная дыра, вот как раз часы будут в самый раз, на + точно.
Kosten
Kosten 13.06.2016 00:395
0
Но и отлично, все нужно задействовать, только чтоб по уму не переборщить, так как на главной будет они, если вверх сайта ставить. Но они так сделаны, что можно и на них установить их, главное чтоб подошли по теме.
Kosten
Kosten 13.06.2016 04:476
0
Вспомнил какие часы ставил, как раз под синий дизайн. но изначально светло синий или темно синий был, вот может кому пригодятся, проверил все работает.



Код
<div align="center"><embed src=http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/res/flashanalogclock.swf width=150 height=150 wmode=transparent type=application/x-shockwave-flash></embed><param name="movie" value="http://zornet.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/res/flashanalogclock.swf" type"/><param name="wmode" value="transparent"/><param name=allowFullScreen value="true"/></object></div>
Scheme
Scheme 13.06.2016 04:527
0
Но они не чем таким не отличаются от первого, разве немного, а так все одинаково, синий на светлый цвет закинуть и почти такие же будут.
avatar