Como fazer um relógio digital

Contente

Instruções
Dicas
Referências

Se você não ainda não encontrou um modelo de relógio digital ideal, poderá criar o seu utilizando a linguagem de programação HTA. Com recursos fornecidos pelo Internet Explorer, essa linguagem incorpora toda a capacidade do HTML e JavaScript à sua área de trabalho. Os desenvolvedores podem adicionar relógios digitais a páginas da internet utilizando algumas linhas de JavaScript. No entanto, com a linguagem HTA, é possível fazer modelos personalizados utilizando propriedades de CSS.

Instruções

Não é necessário ter um relógio físico para saber as horas (Martin Poole/Photodisc/Getty Images)

Abra o Bloco de Notas e cole a seguinte declaração em seu novo documento:

HTA Test

type="text/css"> .clockStyle {border: thick dotted blue; background-color: #FFFF00; width: 100px; height: 20px; text-align: center; }
A seção "style" desse código, exibida no fim, define a classe chamada "clockStyle". Essa classe determina a aparência do relógio. Por exemplo, os atributos de borda inserem uma linha de margem pontilhada em azul, em volta do relógio. O plano de fundo é amarelo. Os parâmetros de largura e altura caracterizam a resolução em pixels do objeto.
Adicione o seguinte bloco JavaScript abaixo do código da etapa anterior:

Observe as variáveis "windowWidth" e "windowHeight" na parte superior do código. Elas controlarão o tamanho da janela que contém o relógio digital. Altere esses valores da forma que desejar.
Adicione o seguinte código abaixa do descrito na última seção:

>

Isso criará o elemento "div", ou seja, o corpo do relógio. O atributo de sua classe referencia a declaração de estilo CSS, descrita anteriormente.
Pressione "Ctrl" e "S" simultaneamente e digite "DigitalClock.hta" no campo "Nome do arquivo" exibido na janela "Salvar como". Clique em "Salvar" para salvar o nome do arquivo.
Abra o "Windows Explorer" e encontre o arquivo. Dê um clique duplo no arquivo para exibir o relógio digital.

Dicas

Personalize o relógio alterando as propriedades CSS na seção "style" do documento. Por exemplo, para alterar o plano de fundo para rosa, substitua "yellow", no código, por "pink". Geralmente, os relógios atualizam o display a cada segundo. Para alterar a taxa de atualização, troque "1000", no código, por outro valor, como 2000. Com isso o relógio modificará a cada dois segundos.