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 ">
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="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/JavaScript-Programación/90965.html' >Cómo obtener valores de una lista desplegable en Javascript on Post </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90967.html' >Cómo explotar una cadena con JavaScript </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91242.html">Cómo crear Google Maps aplicación </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90825.html">Cómo girar una cifra de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91201.html">Cómo cambiar el cursor sobre Rollover Rollover </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91234.html">Cómo crear elementos con JavaScript Client Side </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90809.html">Cómo poner fichas en el lado izquierdo con ExtJS </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90868.html">Cómo desactivar el desplazamiento en Google Maps API V3 </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90845.html">Cómo crear un gráfico circular en JSP con JFreeChart </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91231.html">Cómo agregar una barra de búsqueda a tu sitio web Editorial </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/JavaScript-Programación/90898.html" >Cómo utilizar JavaScript para desarrolladores </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90991.html" >Cómo controlar los márgenes en un JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91228.html" >Cómo convertir Javascript UTC Fecha de hora del Este </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90888.html" >Cómo utilizar Prototype JS </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90755.html" >Cómo dibujar un árbol Con un lienzo en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90858.html" >Cómo insertar jQuery </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/JavaScript-Programación/91119.html" >Cómo deshabilitar la pantalla de impresión JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90978.html" >Cómo insertar PHP en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90761.html" >Fecha Diferencia en Java Script </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91242.html" >Cómo crear Google Maps aplicación </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91042.html" >Cómo pasar una variable de JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91012.html" >Cómo reemplazar un IFrame en JavaScript </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> 