Es muy fácil de eventos de tiempo en JavaScript utilizando la función setTimeout () y clearTimeout (), donde una sección de código puede ser ejecutado después de un período de tiempo transcurrido. La función " setTimeout ( ) " JavaScript tiene dos argumentos : una cadena que contiene una declaración con JavaScript , que puede ser o bien un comando de JavaScript o una llamada a una función , y un valor de número entero , que se utiliza para establecer el período de tiempo en milisegundos . La función devuelve un "id . " Entero Cosas que necesitará
texto editor de la búsqueda Web navegador
Ver Más instrucciones
1
abrir un nuevo archivo en el editor de texto y guárdelo como " set_timeout . html " . Escribir código
JavaScript en el editor de texto:
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN"
"http://! www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
< br >
temporizado caja de color < /title > <br> <p> < meta content = "text /html ; charset = utf - 8 " . http -equiv = "Content- Type" /> <br> 2 <p> escribir código JavaScript <style> en el editor de texto: <br> <p> <style type="text/css"> ; <p> <br> # cuadro <br> <p> <br> <p> { position: absolute ; <br> <p> z -index: 1 ; <br> visibilidad <p> : visible; < br > ancho <p> : 10.0em ; <br> altura <p> : 5.0em ; <br> <p> top: 1.0em ; <br> <p> izquierda : 1.0em ; <br> <p> frontera : 2px solid # ccc ; <br> <p> - moz- border-radius : 0.5em ; <br> <p> - webkit- border-radius : 0.5em ; <br> <p> text-align : center; <br> <p> padding : 1.0em ; } <br> <p> <br> <p> p { <br> <p> font- size: 1.2em ; <br> font-weight <p> : 900 ; <br> <p> color: # FFFFFF ; <br> <p> <br> <p> } < /style> <br> 3 <p> escribir código JavaScript en <script> el editor de texto : <br> <p> <script type="text/javascript"> <br> <p> var color = [" rojo", " verde ", " naranja " , "azul "]; <br> <p> var index = 0 ; . <br> <p> COLORBOX function () { <br> <p> <br> <p> document.getElementById ( "caja" ) style.background = colores [ indice] ; <br> <p> document.getElementById ( "caja" ) innerHTML = " <p> " + colores [ index] + " < /p >"; . <br> <p> if ( index> = 3 = Index + 1 ; } <br> <p> <br> <p> < /script > <br> <p> < /head> <br> 4 <p> Escriba JavaScript <body> código en el editor de texto: <br> <p> <body onload = "colorBox()"> <br> <p> <div id="box"> <br> <p> < /div > ; . <br> <p> < /body> <br> <p> < /html> <br> 5 <p> Guardar el contenido del archivo y abrirlo en el navegador web Tenga en cuenta que el código que cambia el color del área de la caja se ejecuta después de cada periodo de " tiempo de espera " ( 1 segundo o 1.000 milisegundos ) . Una vez visualizados los cuatro colores , la función " clearTimeout ( ) " se llama para salir del proceso . Tenga en cuenta que el valor de retorno "id" del setTimeout () no se ha utilizado. Esto tiene un valor en varios eventos de tiempo de espera son llamados dentro de una sección de código , con el fin de identificar cada caso cuando se llama a la función " clearTimeout (id ) " . <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/javascript-programming/90965.html' >Cómo obtener valores de una lista desplegable en Javascript on Post </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90967.html' >Cómo explotar una cadena con JavaScript </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/javascript-programming/91141.html" title="Cómo prevenir Copy & Paste " target="_self">Cómo prevenir Copy & Paste </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91018.html" title="Cómo acceder a atributos de elemento con JavaScript " target="_self">Cómo acceder a atributos de elemento con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90758.html" title="Cómo hacer un gráfico con jQuery " target="_self">Cómo hacer un gráfico con jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90970.html" title="Cómo habilitar y deshabilitar barras de desplazamiento con javascript " target="_self">Cómo habilitar y deshabilitar barras de desplazamiento…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90927.html" title="Cómo ocultar un DIV en una devolución de datos en JavaScript " target="_self">Cómo ocultar un DIV en una devolución de datos en Jav…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90899.html" title="Efectos secuenciales en jQuery " target="_self">Efectos secuenciales en jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91135.html" title="Cómo habilitar ASP en IIS 6 " target="_self">Cómo habilitar ASP en IIS 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91047.html" title="Cómo probar de una matriz vacía con JavaScript " target="_self">Cómo probar de una matriz vacía con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91152.html" title="Cómo hacer un calendario Javascript en una página web " target="_self">Cómo hacer un calendario Javascript en una página web…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90792.html" title="Tutorial de cómo instalar plugins jQuery " target="_self">Tutorial de cómo instalar plugins jQuery </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/87465.html" title="Cómo hacer un diagrama de flujo y temperatura Pseudocódigo " target="_self">Cómo hacer un diagrama de flujo y temperatura Pseudocó…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86756.html" title="Cómo simular una fuga en MATLAB " target="_self">Cómo simular una fuga en MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88673.html" title="Kindle: las especificaciones HTML " target="_self">Kindle: las especificaciones HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93885.html" title="Cómo guardar una matriz en Python " target="_self">Cómo guardar una matriz en Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90811.html" title="Cómo dibujar curvas con Javascript " target="_self">Cómo dibujar curvas con Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86616.html" title="Cómo aplicar convolución en MATLAB sin utilizar la función " target="_self">Cómo aplicar convolución en MATLAB sin utilizar la fu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85645.html" title="¿Cómo hacer una raíz cuadrada en C + + " target="_self">¿Cómo hacer una raíz cuadrada en C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89378.html" title="VTC Java Tutorial " target="_self">VTC Java Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90608.html" title="Cómo crear clases de excepciones en Java " target="_self">Cómo crear clases de excepciones en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93125.html" title="Cómo crear un sitio web PHP MySQL Impulsado avanzada " target="_self">Cómo crear un sitio web PHP MySQL Impulsado avanzada </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>
