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/Cómo-leer-el-contenido-de-un-archivo-de-texto-usando-VBScript-.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/Cómo-construir-un-Programa-de-Computadora-.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/Oracle-SQL-Tutorial-.html">Oracle SQL Tutorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Tipos-opacas-.html">Tipos opacas </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-aplicar-una-textura-a-texto-en-XNA-.html">Cómo aplicar una textura a texto en XNA </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-abrir-una-Broderbund-SIG-Extensión-.html">Cómo abrir una Broderbund SIG Extensión </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-convertir-HTML-etiquetas-con-texto-sin-formato-en-C-#-.html">Cómo convertir HTML etiquetas con texto sin formato en C # </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-hacer-que-un-objeto-jQuery-.html">Cómo hacer que un objeto jQuery </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Código-Hex-para-Apostrophe-.html">Código Hex para Apostrophe </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-terminar-OmniMark-Script-.html">Cómo terminar OmniMark Script </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/Conceptos-básicos-de-mecanizado-CNC-.html" >Conceptos básicos de mecanizado CNC </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-ver-XBRL-.html" >Cómo ver XBRL </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-utilizar-DMG-en-Ventanas-.html" >Cómo utilizar DMG en Ventanas </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-utilizar-un-anemómetro-en-el-BASIC-Stamp-One-.html" >Cómo utilizar un anemómetro en el BASIC Stamp One </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Tipos-de-técnicas-de-análisis-sintáctico-.html" >Tipos de técnicas de análisis sintáctico </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-simular-una-fuga-en-MATLAB-.html" >Cómo simular una fuga en MATLAB </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/Cómo-excluir-archivos-de-un-proyecto-en-NetBeans-.html" >Cómo excluir archivos de un proyecto en NetBeans </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-Ctrl-+-Alt-+-Supr-un-PC-remoto-.html" >Cómo Ctrl + Alt + Supr un PC remoto </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/¿Cómo-puedo-abrir-un-archivo-de-EPR-en-Inicio-.html" >¿Cómo puedo abrir un archivo de EPR en Inicio </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-hacer-un-Wireframe-Trabajo-.html" >Cómo hacer un Wireframe Trabajo </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/¿Qué-es-la-RSE-en-LabVIEW-.html" >¿Qué es la RSE en LabVIEW </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-calcular-los-minutos-totales-de-los-desarrolladores-de-bases-de-datos-SQL-.html" >Cómo calcular los minutos totales de los desarrolladores de bases de datos 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>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html> 