tutoriais

jogos

Códigos/Cheats

Galerias

fóruns

TUTORIAIS DE DHTML

Inserir um relógio de ponteiros.

Inserir as horas através de um relógio de ponteiros.

Demo : A decorrer.

1.Inserir entre os tags <BODY>...</BODY>:

<script language="JavaScript">
<!-- 
// SwissWatch Alpha Y2 by Urs Dudli and Peter Gehrig 
// Copyright (c) 1999 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.ch.
// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.24fun.ch on the webpage 
var now
var second
var minute
var hour
var degreeSecond
var degreeMinute
var degreeHour
var timer
var stepDegree=6
var stepDegreeHour=30

function checkTime() {
if (document.all) {
now=new Date()
second=now.getSeconds()
minute=now.getMinutes()
hour=now.getHours()
if (hour>=12) {hour=hour-12}
spinIt()
timer=setTimeout("checkTime()",200)
}
}

function spinIt() {
window.status=hour
secondObj.SetIdentity()
minuteObj.SetIdentity()
hourObj.SetIdentity()
degreeSecond=180+stepDegree*second
degreeMinute=180+stepDegree*minute
degreeHour=180+stepDegreeHour*hour+(Math.floor(stepDegree*minute/12))
secondObj.Rotate(0,0,degreeSecond)
minuteObj.Rotate(0,0,degreeMinute)
hourObj.Rotate(0,0,degreeHour)
}
//-->
</script>

2.Inserir dentro do tag <BODY>:

3.Inserir logo após o tag <BODY>:

<DIV style="position:absolute;top:290;left:220"> <img src="../../../imagens/tutoriais/dhtml/aj_00005_01.gif" width="100" height="102"> 
</DIV>
<DIV style="position:absolute;top:290;left:220"> <OBJECT ID="secondObj" STYLE="width:100px;height:102px" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(80,20,20)">
<PARAM NAME="Line0003" VALUE="SetFillColor(80,20,20)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,32)">
</OBJECT>
</DIV>
<DIV style="position:absolute;top:290;left:220"> <OBJECT ID="minuteObj" STYLE="width:100px;height:102px" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)">
<PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,30)">
</OBJECT>
</DIV>
<DIV style="position:absolute;top:290;left:220"> <OBJECT ID="hourObj" STYLE="width:100px;height:102px" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)">
<PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,16)">
</OBJECT>
</DIV>

Para modificar a posição do relogio:

Temos de alterar a posição de 4 layers em relação ao topo e a margem esquerda
<DIV style="position:absolute;top:290;left:220"> <img src="...
<DIV style="position:absolute;top:290;left:220"> <OBJECT ID="secondObj"...
<DIV style="position:absolute;top:290;left:220"> <OBJECT ID="minuteObj"...
<DIV style="position:absolute;top:290;left:220"> <OBJECT ID="hourObj"

Copiar o fundo do relógio e configurar o seu endereço:

<img src="../../../imagens/tutoriais/dhtml/aj_00005_01.gif" width="100" height="102">

ANÚNCIOS

Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos