|
|
|
| Cómo hacer un reloj digital |
|
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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/computer-programming-languages/88829.html' >Cómo leer el contenido de un archivo de texto usando VBScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/computer-programming-languages/88831.html' >Cómo construir un Programa de Computadora </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<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"> Artículos 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="/Programacion/computer-programming-languages/87335.html" title="Cómo cambiar los valores nulos para espacios con AWK " target="_self">Cómo cambiar los valores nulos para espacios con AWK </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86512.html" title="¿Qué es el desbordamiento de pila en la Línea 42 " target="_self">¿Qué es el desbordamiento de pila en la Línea 42 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88410.html" title="Cómo utilizar componentes ActiveX en ASP " target="_self">Cómo utilizar componentes ActiveX en ASP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88217.html" title="Introducción a la Descomposición en valores singulares " target="_self">Introducción a la Descomposición en valores singulare…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88063.html" title="Protocolos Eyecatcher " target="_self">Protocolos Eyecatcher </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87985.html" title="Clases e Interfaces de Redes " target="_self">Clases e Interfaces de Redes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87222.html" title="¿Cómo hacer Splash salida en PHP " target="_self">¿Cómo hacer Splash salida en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88824.html" title="¿Qué es un error de ejecución " target="_self">¿Qué es un error de ejecución </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88080.html" title="Cómo agregar un control de usuario a PlaceHolder " target="_self">Cómo agregar un control de usuario a PlaceHolder </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88630.html" title="Cómo quitar Crestline Ventanas " target="_self">Cómo quitar Crestline Ventanas </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">Artículos destacados </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="/Programacion/computer-programming-languages/88824.html" title="¿Qué es un error de ejecución " target="_self">¿Qué es un error de ejecución </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95230.html" title="Cómo convertir un cuadro de texto a un número en Visual Basic " target="_self">Cómo convertir un cuadro de texto a un número en Visu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89317.html" title="Cómo importar otra clase en Java Usando jGRASP " target="_self">Cómo importar otra clase en Java Usando jGRASP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88406.html" title="Cómo calcular CRC hizo fácil " target="_self">Cómo calcular CRC hizo fácil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93735.html" title="Cómo leer cookies con Python " target="_self">Cómo leer cookies con Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95860.html" title="Cómo acceder argumento nulo Query VBA " target="_self">Cómo acceder argumento nulo Query VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95009.html" title="Cómo determinar si un elemento existe en VB Matriz " target="_self">Cómo determinar si un elemento existe en VB Matriz </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88239.html" title="Cómo utilizar esterlina con SSL " target="_self">Cómo utilizar esterlina con SSL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94609.html" title="VBA Code Desarrollo " target="_self">VBA Code Desarrollo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90759.html" title="¿Qué son los cierres Bueno en JavaScript " target="_self">¿Qué son los cierres Bueno en JavaScript </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
| | |
