Помогни ни да направим Uroci.net по - богат! Добави урок

JavaScript - LCD часовник.

yibo   трудност:    видян: 19852

Чисто и просто часовник, само че LCD
Между <head> и </head> слагате:
<style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 16px MS Sans Serif;
padding: 3px;
}
-->
</style>
После някъде между <body> и </body> слагате:
<span id="digitalclock" class="styling"></span>

<script>

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="11"></form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+" "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

</script>
Ако искате да видите как изглежда ньтисни ТУК.



Коментари (11)

Mr.ReXTaN на 18.12 2006 в 21:03ч.
Дай поне един скрийншот да видя какво представлява
unapproachable на 24.12 2006 в 15:57ч.
Аве то хубаво но дай обясни каде се пише тва ми е проглемь
Xplayer на 21.01 2007 в 20:43ч.
Еми то си пише :D !!!
Mr.ReXTaN на 14.02 2007 в 18:02ч.
Еми то СЃРё РїРёС?Рµ :D !!!
Shekeder на 27.05 2007 в 14:58ч.
Направо супер много ме кефи тоя часовник!
PoLiTyy на 27.05 2007 в 18:43ч.
Аз не мога да разбера къде се пишат тия неща,за да ми се появи този часовник..Ако може някой да го разясни малко по потробно
witch_honor на 02.06 2008 в 03:32ч.
А ако в сложите това:
.styling{
background:url(http://i73.photobucket.com/albums/i226/hekata_5/clockbkr.jpg);
color:lime;
font: bold 18px Geneva;
padding: 9px;
}

И попромените малко функцията show() на:

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="Преди обяд"

if (hours==12) dn="Следобед "
if (hours>12){
dn="Следобед "
hours=hours-12
}

Ще получите часовник като този:
http://i73.photobucket.com/albums/i226/hekata_5/clock.jpg
mortal на 08.07 2009 в 11:44ч.
незнам но на мен ми хареса много ми хареса аз ще направя сайт с този скрипт
mortal на 08.07 2009 в 11:45ч.
хубаво е 8-)
Mihales на 17.11 2010 в 13:48ч.
При мен "dn" не приемаше никаква стойност, а когато го направих да приема не ми се показа, някой да помогне плс :/
savagee на 07.01 2011 в 15:19ч.
Часовнника е хубав! Часовника е цифров.

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com