ساعت عقربه دار ثابت
<HEAD> < LANGUAGE="Java"> <!-- Original: Randy Bennett (rbennett@thezone.net) --> <!-- Web Site: http://home.thezone.net/~rbennett/utility/sitemap.htm --> <!-- Edited by Mahdi Peivandi - JavaKadeh --> <!-- Begin pX = 100; pY = 100; obs = new Array(13); function ob() { for (i = 0; i < 13; i++) { if (document.all) obs[i] = new Array (("ob"+i).style,-100,-100); else obs[i] = new Array (("document.ob"+i),-100,-100); } } function cl(a, b, c) { if (document.all) { if (a != 0) b += -1; ("c"+a+".style.pixelTop="+(pY+(c))); ("c"+a+".style.pixelLeft="+(pX+(b))); } else { if (a != 0) b += 10; ("document.c"+a+".top="+(pY+(c))); ("document.c"+a+".left="+(pX+(b))); } } function runClock() { for (i = 0; i < 13; i++) { obs[i][0].left=obs[i][1]+pX; obs[i][0].top=obs[i][2]+pY; } } var lastsec; function timer() { time = new Date (); sec = time.getSeconds(); if (sec != lastsec) { lastsec = sec; sec = Math.PI * sec / 30; min = Math.PI * time.getMinutes() / 30; hr = Math.PI * time.getHours() / 6 + Math.PI * parseInt(time.getMinutes()) / 360; for (i = 1; i < 6; i++) { obs[i][1] = Math.sin(sec) * (44 - (i-1) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(sec) * (44 - (i-1) * 11) - 27; } for (i = 6;i < 10; i++) { obs[i][1] = Math.sin(min) * (40 - (i-6) * 10) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(min) * (40 - (i-6) * 10) - 27; } for (i = 10; i < 13; i++) { obs[i][1] = Math.sin(hr) * (37 - (i-10) * 11) - 16; if (document.layers)obs[i][1] += 10; obs[i][2] = -Math.cos(hr) * (37 - (i-10) * 11) - 27; } } } function setNum() { cl (0, -67, -65); cl (1, 10, -51); cl (2, 28, -33); cl (3, 35, -8); cl (4, 28, 17); cl (5, 10, 35); cl (6, -15, 42); cl (7, -40, 35); cl (8, -58, 17); cl (9, -65, -8); cl (10, -58, -33); cl (11, -40, -51); cl (12, -16, -56); } function startClock() { ob(); setNum(); setInterval("timer()", 100); setInterval("runClock()", 100); } // End --> </> <style> ..num {color:white;width:30px;text-align:center; } </style> </HEAD> <body onLoad="java:startClock();"> <div id="c0" style="position:absolute;left:36;top:36; z-index:2;"> <table> <tr> <td bgcolor=000000 width=120 height=120> </td> </tr> </table> </div> <div id="c1" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</b></div> <div id="ob0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"> </div> <div id="ob1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> </body> </html> <!-- END Size: 5.93 KB -->
یک ساعت کامپیوتری بدون تاریخ در نوار وضعیت
<html> < Language="Java"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } </> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()"> </body> </html>