Mais
×

Como fazer um relógio digital

Atualizado em 17 abril, 2017

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)
  1. Abra o Bloco de Notas e cole a seguinte declaração em seu novo documento:

    HTA Test

    <HTA:APPLICATION ID="DigitalClock" APPLICATIONNAME="DigitalClock"

    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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.
bibliography-icon icon for annotation tool Cite this Article