Crie um novo arquivo de texto, copie o seguinte código e altere o nome do arquivo para clock.html e execute -o.
<Idioma do script = javascript> <!- dcol = '0000ff'; // Data de cor. fcol = '0000ff'; // cor rosto. Scol = '0000ff'; // Segundos Color. mcol = '0000ff'; // minutos de cor. HCOL = '0000FF'; // Horas de cor. ClockHeight = 40; Relógio largura = 40; Relógiofromousey = 0; Relógiofromousex = 100; // Alterar nada abaixo! Os alinhamentos serão perdidos! D = New Array ("Domingo", "Segunda -feira", "Terça -feira", "Quarta -feira", "Quinta -feira", "Friday", "Saturday"); m = nova matriz ("Janeiro", "fevereiro", "março", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"); date = new Date (); dia = date.getDate (); ano = date.getYear (); if (ano <2000) ano = ano+1900; TODAYSDATE = ""+D [DATE.GETDAY ()]+""+dia+""+m [date.getMonth ()]+""+ano; D = Todaysdate.split (''); H = '...'; H = h.split (''); M = '....'; M = m.split (''); S = '.....'; S = s.split (''); Face = '1 2 3 4 5 6 7 8 9 10 11 12'; font = 'Arial'; tamanho = 1; velocidade = 0,5; ns = (document.layers); ie = (document.all); Face = face.split (''); n = face.length; a = tamanho*10; ymouse = 0; xmouse = 0; scrll = 0; props = "<font face ="+font+"size ="+size+"color ="+fcol+"> <b>"; props2 = "<font face ="+font+"size ="+size+"color ="+dcol+"> <b>"; Divisão = 360/n; Dsplit = 360/d.Length; HandHeight = ClockHeight/4.5 Handwidth = ClockWidth/4.5 Handy = -7; Handx = -2,5; scrll = 0; passo = 0,06; currstep = 0; y = new Array (); x = new Array (); y = new Array (); x = new Array (); for (i = 0; i <n; i ++) {y [i] = 0; x [i] = 0; y [i] = 0; x [i] = 0} dy = new Array (); dx = new Array (); dy = new Array (); dx = new Array (); para (i = 0; i <d.LenLeng; i ++) {dy [i] = 0; dx [i] = 0; dy [i] = 0; dx [i] = 0} if (ns) {for (i = 0; i <d.Length; largura = '+a+'> <Center> '+props2+d [i]+' </font> </fenter> </sayer> '); para (i = 0; i <n; i ++) document.write ('<camada name = "nsface'+i+'" top = 0 esquerda = 0 altura ='+a+'width ='+a+'> <Center>'+props+face [i]+'</font> </center> </layer>'); para (i = 0; i <S.Lengngth; i ++) document.Write ('<nome da camada = nsSeconds'+i+'top = 0 esquerda = 0 largura = 15 altura = 15> <font face = size de arial = 3 color ='+scol+'> <Center> <b>+s [i]+' '</b> </central> para (i = 0; i <M.LenDength; i ++) document.Write ('<nome da camada = nsMinutes'+i+'top = 0 esquerda = 0 largura = 15 altura = 15> <font face = size de arial = 3 cor ='+mcol+'> <Center> <b>'+m [i]+'</b> </central> </f> </f> <Cented> <b>'+M [i]+' para (i = 0; i <h.Length; i ++) document.write ('<nome da camada = nshours'+i+'top = 0 esquerda = 0 largura = 15 altura = 15> <font face = size arial = 3 color ='+hcol+'> <Center> <b>+h [i]+' </b> </central> } if (ie) {document.write ('<div id = "od" style = "posição: absoluto; top: 0px; esquerda: 0px"> <div style = "position: relativa">'); para (i = 0; i <d.LenLength; i ++) document.write ('<div id = "ied" style = "position: absoluto; topo: 0px; esquerda: 0; altura:'+a+'; largura:'+a+'; text-align: center">'+props2+d [i]+'' </b> </font> document.write ('</div> </div>'); document.write ('<div id = "de" style = "position: absoluto; top: 0px; esquerda: 0px"> <div style = "posição: relativa">'); para (i = 0; i <n; i ++) document.write ('<div id = "ieface" style = "posição: absoluto; topo: 0px; esquerda: 0; altura:'+a+'; largura:'+a+'; text-align: center">'+props+face [i]+'</b> </font> </div>; document.write ('</div> </div>'); document.write ('</div> </div>'); document.write ('<div id = "oh" style = "posição: absoluto; top: 0px; esquerda: 0px"> <div style = "position: relativa">'); para (i = 0; i <h.length; i ++) document.write ('<div id = "iehours" style = "posição: absoluto; largura: 16px; altura: 16px; font-family: ARIAL; Font-size: 16px; cor:'+hcol+'; document.write ('</div> </div>'); document.write ('<div id = "om" style = "posição: absoluto; top: 0px; esquerda: 0px"> <div style = "position: relativa">'); para (i = 0; i <M.Lengngth; i ++) document.Write ('<div id = "ieminutes" style = "Posição: Absoluto; largura: 16px; altura: 16px; font-family: Arial; font-size: 16px; cor:'+mcol+'; i-align: center; font-welek: Bold:"> document.write ('</div> </div>') document.write ('<div id = "os" style = "posição: absoluto; top: 0px; esquerda: 0px"> <div style = "posição: relativa">'); para (i = 0; i <S.Lengngth; i ++) document.Write ('<div id = "ieseconds" style = "Posição: Absoluto; largura: 16px; altura: 16px; font-family: Arial; font-size: 16px; cor:'+scol+'; o text-align: cent; center; document.write ('</div> </div>')} (ns)? window.captureEvents (event.mouseMove): 0; function mouse (evnt) {ymouse = (ns)? Evnt.pagey+clockfromousey- (window.pageyoffset): event.y+relógio xmouse = (ns)? Evnt.pagex+clockfromomousex: event.x+clockfromomousex; } (ns)? window.onMouSeMove = mouse: document.onMousEmove = mouse; function clockandassign () {time = new Date (); sec = time.getSeconds (); sec = -1,57 + math.pi * sec/30; mins = time.getminutes (); min = -1,57 + math.pi * mins/30; hr = time.gethours (); hrs = -1,575 + math.pi * hr/6 + math.pi * parseint (time.getminutes ())/360; if (ie) {od.style.top = window.document.body.scrolltop; De.style.top = window.document.body.scrolltop; Oh.style.top = window.document.body.scrolltop; Om.style.top = window.document.body.scrolltop; Os.style.top = window.document.body.scrolltop; } para (i = 0; i <n; i ++) {var f = (ns)? document.layers ['nsface'+i]: ieface [i] .style; F.top = y [i] + relógio*Math.sin (-1.0471 + i*split*math.pi/180) + scrll; F.Left = x [i] + relógio Lwidth*math.cos (-1.0471 + i*split*math.pi/180); } para (i = 0; i <h.length; i ++) {var hl = (ns)? Hl.top = y [i]+manual+(i*peso manual)*math.sin (hrs)+scrll; Hl.left = x [i]+handx+(i*largura manual)*math.cos (hrs); } para (i = 0; i <M.Length; i ++) {var ml = (ns)? Ml.top = y [i]+manual+(i*peso manual)*math.sin (min)+scrll; Ml.left = x [i]+Handx+(i*largura manual)*Math.cos (min); } para (i = 0; i <S.Length; i ++) {var sl = (ns)? Sl.top = y [i]+manual+(i*peso manual)*math.sin (s)+scrll; Sl.left = x [i]+Handx+(i*largura manual)*math.cos (s); } para (i = 0; i <d.Length; i ++) {var dl = (ns)? Dl.top = dy [i]+relógio*1.5*math.sin (currstep+i*dsplit*math.pi/180)+scrll; Dl.left = dx [i] + relógio*1,5*math.cos (currstep + i*dsplit*math.pi/180); } currstep- = etapa; } function telto () {scrll = (ns)? window.pageyoffset: 0; Dy [0] = Math.Round (dy [0]+= ((ymouse) -dy [0])*velocidade); Dx [0] = math.round (dx [0]+= ((xmouse) -dx [0])*velocidade); for (i = 1; i <d.Lengen; i ++) {dy [i] = math.round (dy [i]+= (dy [i-1] -dy [i])*velocidade); Dx [i] = math.round (dx [i]+= (dx [i-1] -dx [i])*velocidade); } y [0] = Math.Round (y [0]+= ((ymouse) -y [0])*velocidade); x [0] = Math.Round (x [0]+= ((xmouse) -x [0])*velocidade); for (i = 1; i <n; i ++) {y [i] = math.round (y [i]+= (y [i-1] -y [i])*velocidade); x [i] = math.round (x [i]+= (x [i-1] -x [i])*velocidade); } Clockandassign (); setTimeout ('Atraso ()', 40); } if (ns || ie) window.onload = atraso; // -> </script>