Programação  
 
Conhecimento computador >> Programação >> Programação De Computador Idiomas >> 
Como fazer um relógio digital
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
1

Abra o bloco de notas e cole este bloco de declaração HTA em um novo documento :



HTA type = "text /css" > <br> <p> clockStyle {border : grossa pontilhada azul ; <br> <p> background-color : #. FFFF00 ; width: 100px; <br> <p> height: 20px , text-align : center; <br> <p> } <br> <p> </style > <br> <p> 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 <br> 2 <p> Adicione este bloco JavaScript abaixo o código mostrado na etapa anterior : . <br> <p> < Tipo de script = "text /javascript " language = "javascript " > <br> <p> var WindowWidth = 150; <br> <p> var WindowHeight = 100; <br> <p> var tickInterval = 1000; <br> <p> var relógio; <br> <p> horas var ; <br> <p> var minutos; <br> <p> var segundos; <br> <p> var displaySwitch = 9; <br> <p> var delimitador = " :"; <br> <p> var clockBody ; <br> <p> função startClock () { var <br> <p> data = new Date (); <br> <p> tempo var = ""; <br> <p> horas = date.getHours (); <br> <p> minutos = date.getMinutes (); <br> <p> segundos = date.getSeconds (); <br> <p> if ( hora < = displaySwitch ) <br> <p> horas = "0 " + hora ; <br> <p> if ( minuto < = displaySwitch ) <br> <p> minutos = "0 " + minutos ; <br> <p> if ( segundos < = displaySwitch ) <br> <p> segundos = "0 " + segundo ; <br> <p> var currentTime = horas + + minutos + delimitador delimitador + segundos; <br> <p> clockBody.innerHTML = currentTime ; <br> <p> clock = setTimeout ( " startClock ()" , tickInterval ); <br> <p> } <br> <p> window.onload = function ( janela ) { <br> <p> . resizeTo ( WindowWidth , WindowHeight ); <br> <p> clockBody = document.getElementById ( " clockBody "); <br> <p> startClock (); } <br> <p> <br> <p> < /script > <br> <p> 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 <br> 3 <p> Adicione o código mostrado abaixo depois que o código descrito na etapa anterior : . <br> <p> <body> <br> <p > <div id="clockBody" class="clockStyle"> <br> <p> < /div > <br> <p> </body > <br> <p> </html> <br> <p> Isso cria um elemento div . Este é o corpo do relógio. Seu atributo classe referente a declaração de estilo CSS descrito anteriormente. <br> 4 <p> 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. <br> 5 <p> Abra o Windows Explorer e localizar o arquivo. Dê um duplo clique no arquivo para visualizar o relógio digital. <br> <br> <div class=ptad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </div> <div class=ptnrx></div> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Anterior : <a class='LinkPrevArticle' href='http://ptcomputador.com/P/computer-programming-languages/88829.html' >Como ler o conteúdo de um arquivo de texto usando VBScript </a> </p></td> </tr> <tr> <td width="49%"> Próximo : No</li></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Os artigos relacionados </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87891.html" title="Depuração de uma violação de acesso " target="_self">Depuração de uma violação de acesso </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87361.html" title="Como vincular uma caixa de combinação para uma coluna de tabela " target="_self">Como vincular uma caixa de combinação para uma coluna…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88479.html" title="Como editar um arquivo CAB " target="_self">Como editar um arquivo CAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88345.html" title="Como analisar um arquivo CSV " target="_self">Como analisar um arquivo CSV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87775.html" title="Como excluir arquivos de um projeto no NetBeans " target="_self">Como excluir arquivos de um projeto no NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88720.html" title="Como abrir um link na mesma janela ao usar Frames " target="_self">Como abrir um link na mesma janela ao usar Frames </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87107.html" title="Como escrever um loop Pseudocódigo " target="_self">Como escrever um loop Pseudocódigo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88758.html" title="Como usar Direct3D " target="_self">Como usar Direct3D </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87344.html" title="Como Ler variáveis ​​SSIS em um Script " target="_self">Como Ler variáveis ​​SSIS em um Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86319.html" title="Como referência um Byte em Armazenamento de Trabalho em COBOL " target="_self">Como referência um Byte em Armazenamento de Trabalho e…</a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Artigos em destaque </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87521.html" title="Como construir um Hashtag Retweeter " target="_self">Como construir um Hashtag Retweeter </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86557.html" title="Compare Python para VBA " target="_self">Compare Python para VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87778.html" title="Como sair AVG 9 " target="_self">Como sair AVG 9 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85264.html" title="Como criar auto_ptr Sintaxe " target="_self">Como criar auto_ptr Sintaxe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/86574.html" title="Métodos de retorno " target="_self">Métodos de retorno </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87750.html" title="Como copiar o botão Código para Incorporação " target="_self">Como copiar o botão Código para Incorporação </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/88752.html" title="Importância dos dados Diagramas de Fluxo " target="_self">Importância dos dados Diagramas de Fluxo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/computer-programming-languages/87435.html" title="UML Limitações " target="_self">UML Limitações </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85596.html" title="Como compilar um arquivo H " target="_self">Como compilar um arquivo H </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://ptcomputador.com/P/cc-programming/85893.html" title="Como criar um pipe nomeado " target="_self">Como criar um pipe nomeado </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=bai7></div> <div class="ptbottom bs"> Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados <script language='javascript' src='/ad/201310/1.js'></script> </div> </div> </body> </html>