Se relógios digitais de software de terceiros aborrecê-lo , construir o seu próprio usando o Application Hypertext da Microsoft ( HTA) linguagem de programação. Usando recursos fornecidos pelo Internet Explorer, a linguagem HTA traz o poder de HTML e JavaScript para o seu desktop. Os desenvolvedores da Web colocar relógios digitais em páginas da Web usando algumas linhas de JavaScript. Ao adicionar esse código para um programa de HTA em vez disso, você pode personalizar seu próprio relógio digital desktop usando familiarizados Cascading Style Sheet (CSS) propriedades. Instruções
Abra o bloco de notas e cole este bloco de declaração HTA em um novo documento :
HTA type = "text /css" >
clockStyle {border : grossa pontilhada azul ;
background-color : #. FFFF00 ; width: 100px;
height: 20px , text-align : center;
}
a parte " estilo " deste código, mostrado na parte inferior , define a classe CSS chamada " clockStyle . " Esta classe define a aparência do relógio. O atributo de fronteira , por exemplo, coloca um , pontilhada borda azul grossa ao redor do relógio . Cor de fundo do relógio é amarelo. A largura ea altura atributos determinam as dimensões em pixels do relógio
2
Adicione este bloco JavaScript abaixo o código mostrado na etapa anterior : .
< Tipo de script = "text /javascript " language = "javascript " >
var WindowWidth = 150;
var WindowHeight = 100;
var tickInterval = 1000;
var relógio;
horas var ;
var minutos;
var segundos;
var displaySwitch = 9;
var delimitador = " :";
var clockBody ;
função startClock () { var
data = new Date ();
tempo var = "";
horas = date.getHours ();
minutos = date.getMinutes ();
segundos = date.getSeconds ();
if ( hora < = displaySwitch )
horas = "0 " + hora ;
if ( minuto < = displaySwitch )
minutos = "0 " + minutos ;
if ( segundos < = displaySwitch )
segundos = "0 " + segundo ;
var currentTime = horas + + minutos + delimitador delimitador + segundos;
clockBody.innerHTML = currentTime ;
clock = setTimeout ( " startClock ()" , tickInterval );
}
window.onload = function ( janela ) {
. resizeTo ( WindowWidth , WindowHeight );
clockBody = document.getElementById ( " clockBody ");
startClock (); }
< /script >
Note as variáveis WindowWidth e WindowHeight no topo do bloco de código . Estas controlam o tamanho da janela que contém o relógio digital . Alterar esses valores para qualquer coisa que você gosta
3
Adicione o código mostrado abaixo depois que o código descrito na etapa anterior : .
< /div >
Isso cria um elemento div . Este é o corpo do relógio. Seu atributo classe referente a declaração de estilo CSS descrito anteriormente.
4
Pressione "Ctrl " e " S " ao mesmo tempo e digite " DigitalClock.hta " na caixa " Nome do arquivo ", que aparecem no "Save como "janela . Clique em " Salvar" para salvar o arquivo.
5
Abra o Windows Explorer e localizar o arquivo. Dê um duplo clique no arquivo para visualizar o relógio digital.