Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Дата и время</TITLE>

<!-- Clock1

function showtime1(){

var now = new Date()

var hours = now.getHours()

var minutes = now.getMinutes()

var seconds = now.getSeconds()

//var timeValue = " " + (hours > 12 ? hours - 12 : hours)

var timeValue = hours

timeValue += (minutes < 10 ? ":0" : ":") + minutes

timeValue += (seconds < 10 ? ":0" : ":") + seconds

//timeValue += (hours >= 12 ? " p.m." : " a.m.")

timerID = setTimeout("showtime1()",1000)

document.getElementById("clock").innerHTML = timeValue // This line displays the text clock in the body section

document.getElementById("clock2").innerHTML = timeValue

document.getElementById("clock3").innerHTML = timeValue

document.getElementById("time").innerHTML = timeValue

var months=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec")

var time=new Date();

var lmonth=months[time.getMonth()];

var date=time.getDate();

var year=time.getYear();

if(year < 1000){ // ns & mozilla

year+=1900

}

document.getElementById("cal").innerHTML = lmonth+"<br>" +date + "<br>" + year

}

//-->

</SCRIPT>

<H1><SPAN>Image Clock 1</SPAN></H1>Customise your favourite image to include a

digital clock.

<P></P>

<DIV

style="FLOAT: left; BACKGROUND-IMAGE: url(hunting_clock.jpg); WIDTH: 150px; HEIGHT: 30px">

<DIV id=clock

style="FONT-WEIGHT: bold; FONT-SIZE: 12px; LEFT: 60px; COLOR: #8e8462; POSITION: relative; TOP: 1px"></DIV></DIV>

<DIV

style="FLOAT: left; BACKGROUND-IMAGE: url(clock1.jpg); MARGIN-LEFT: 50px; WIDTH: 66px; HEIGHT: 100px">

<DIV id=clock2

style="FONT-SIZE: 10px; LEFT: 15px; COLOR: #000000; POSITION: relative; TOP: 2px"></DIV></DIV>

<DIV

style="FLOAT: left; BACKGROUND-IMAGE: url(clock2.jpg); MARGIN-LEFT: 50px; WIDTH: 194px; MARGIN-RIGHT: 50px; HEIGHT: 294px">

<DIV id=clock3

style="FONT-WEIGHT: bold; FONT-SIZE: 20px; LEFT: 20px; COLOR: #cbd4e3; LETTER-SPACING: 2px; POSITION: relative; TOP: 170px"></DIV></DIV>

<DIV

style="FLOAT: left; BACKGROUND-IMAGE: url(clock.gif); WIDTH: 64px; HEIGHT: 64px">

<DIV id=time

style="FONT-SIZE: 12px; LEFT: 8px; COLOR: #00ff00; POSITION: relative; TOP: 4px"></DIV>

<DIV id=cal

style="FONT-SIZE: 10px; LEFT: 0px; COLOR: #000000; LINE-HEIGHT: 10px; POSITION: relative; TOP: 9px; TEXT-ALIGN: center"></DIV></DIV><BR

style="CLEAR: both">

<P><FONT color=#0000ff><div style="width:150px; height:30px;

background-image:url(yourimage.jpg)"></FONT><BR><div id="clock"

style="position:relative; left:50px; top:0px;font-weight:bold; color:#8e8462;

font-size:12px"></div><BR><FONT color=#0000ff></div></FONT>

<P>The image is used as a background for a <FONT color=#0000ff>layer</FONT>.

This layer should be made the same size as the image.

<P>Nested inside this layer is the clock layer, by using a <I>relative</I>

position the clock can be placed anywhere on your image by adjusting the

<I>left</I> and <I>top</I> attributes.

<P>

<!--

function showtime1(){

var now = new Date()

var hours = now.getHours()

var minutes = now.getMinutes()

var seconds = now.getSeconds()

//var timeValue = " " + (hours > 12 ? hours - 12 : hours)

var timeValue = hours

timeValue  += (minutes < 10 ? ":0" : ":") + minutes

timeValue  += (seconds < 10 ? ":0" : ":") + seconds

//timeValue  += (hours >= 12 ? " p.m." : " a.m.")

timerID = setTimeout("showtime1()",1000)

document.getElementById("clock").innerHTML= timeValue

}

//-->

</script>

</PRE></DIV></BODY></HTML>