Si terceros relojes digitales de software que llevaban , construir su propio uso de hipertexto Aplicación de Microsoft ( HTA) lenguaje de programación. Uso de las funciones proporcionadas por Internet Explorer, el idioma HTA lleva el poder de HTML y JavaScript en tu escritorio . Los desarrolladores web colocan relojes digitales en las páginas web con unas pocas líneas de JavaScript . Añadiendo este código a un programa de HTA en su lugar, usted puede personalizar su propio reloj digital de escritorio con familiares Hoja de Estilo en Cascada ( CSS) . Instrucciones
1
Bloc de notas abierto y pega este bloque de declaración de HTA en un nuevo documento :
HTA type = "text /css" > <br> <p> clockStyle {border : . azul punteada gruesa ; <br> <p> background-color : # FFFF00 ; ancho : 100px ; <br> <p> altura : 20px ; text-align : center; <br> <p> <br> <p> } < /style> <br> <p> la parte de "estilo" de este código, se muestra en la parte inferior , se define una clase CSS llamada " clockStyle . " Esta clase define la apariencia del reloj. El atributo de la frontera , por ejemplo, coloca un borde grueso azul , salpicado todo el día. Color de fondo del reloj es de color amarillo . Los atributos de anchura y altura determinan las dimensiones en píxeles del reloj <br> 2 <p> Añadir este bloque JavaScript debajo del código que se muestra en el paso anterior : . <br> <p> < Script type = "text /javascript" language = "javascript "> <br> <p> var WindowWidth = 150 ; <br> <p> var WindowHeight = 100 ; <br> <p> var tickInterval = 1,000 ; <br> <p> reloj var ; <br> hora <p> var ; <br> <p> minutos var ; <br> <p> var segundos ; <br> <p> var displaySwitch = 9 ; <br> <p> var delimitador = " :"; <br> <p> var clockBody ; <br> <p> startClock function () { var <br> <p> fecha = new Date (); <br> <p> var time = " " ; <br> < p> horas = Date.getHours (); <br> <p> minutos = date.getMinutes () ; <br> <p> segundo = date.getSeconds (); <br> <p> if ( horas < = displaySwitch ) <br> horas <p> = " 0 " + horas ; <br> <p> if ( minutos < = displaySwitch ) <br> minutos <p> = " 0 " + minutos ; <br> <p> if ( segundos < = displaySwitch ) <br> <p> segundo = " 0 " + segundos ; <br> <p> var horaActual = horas delimitador + + + minutos + segundo delimitador ; <br> <p> clockBody.innerHTML = horaActual ; <br> <p> reloj = setTimeout ( " startClock ()" , tickInterval ) ; <br> <p> } <br> <p> window.onload = function ( ) { <br> ventana <p> . resizeTo ( WindowWidth , WindowHeight ) ; <br> <p> clockBody = document.getElementById ( " clockBody "); <br> <p> startClock (); } <br> <p> <br> <p> < /script > <br> <p> Observe las variables WindowWidth y WindowHeight en la parte superior del bloque de código . Estos controlan el tamaño de la ventana que contiene el reloj digital . Cambie los valores a lo que quieras <br> 3 <p> Añada el código que aparece a continuación después de que el código se describe en el paso anterior: . <br> <p> <body> <br> < P > <div id="clockBody" class="clockStyle"> <br> <p> < /div > <br> <p> < /body> <br> <p> < /html> <br> <p> Esto crea un elemento div . Este es el cuerpo del reloj. Sus referencias a atributos de clase de la declaración de estilo CSS se describe anteriormente . <br> 4 <p> Presione " Ctrl" y " S " al mismo tiempo y escriba " DigitalClock.hta " en el cuadro "Nombre de archivo " que aparece en la opción "Guardar como "ventana . Haga clic en " Guardar" para guardar el archivo. <br> 5 <p> Abra el Explorador de Windows y encontrar ese archivo. Haga doble clic en el archivo para mostrar el reloj digital. <br> <br>
<div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88829.html' >Cómo leer el contenido de un archivo de texto usando VBScript </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88831.html' >Cómo construir un Programa de Computadora </a> </div>
</div>
<dl class=xgc>
<dt><span>Lenguajes De Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86733.html">Cómo hacer un tema DotNetBar de mensajes </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/302291.html">¿Cuáles son los diferentes idiomas utilizados en el ciberespacio? </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/354909.html">¿Cómo se puede demostrar que un lenguaje está libre de contexto? </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87135.html">Cómo hacer un pedido Símbolos en Programación </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88063.html">Protocolos Eyecatcher </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87703.html">Cómo utilizar secuencias de Oracle </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87347.html">Cómo vincular ListBox de DataGrid </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88779.html">Metodología Scrum </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88679.html" >Descripción de trabajo para un programador de CMM CMM </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87251.html" >Cómo depurar código PHP en VS2008 </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87837.html" >Cómo seleccionar a un envío de formulario a un iFrame </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86296.html" >Cómo hacer XSL Ignorar la referencia DTD en XML </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87995.html" >Cómo actualizar una declaración en Informix </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87287.html" >Cómo dar formato decimales en C # </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87276.html" >Cómo Obtener valores de ListBox para enviar a SQL </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87962.html" >Cómo escribir un guión Mensajero Vivo </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87414.html" >Cómo agregar un prefijo de una lista de puntos </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87792.html" >Cómo incrustar SQL en programas RPG </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86761.html" >Cómo leer la columna de una cadena </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87388.html" >Cómo insertar palabras que contienen apóstrofes en SQL </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div>
</div>
</body>
</html> 