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/Cómo-obtener-valores-de-una-lista-desplegable-en-Javascript-on-Post-.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/Cómo-explotar-una-cadena-con-JavaScript-.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/Cómo-obtener-una-secuencia-de-comandos-de-Cookies-.html">Cómo obtener una secuencia de comandos de Cookies </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-pasar-Javascript-Variable-de-Coldfusion-.html">Cómo pasar Javascript Variable de Coldfusion </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-habilitar-ASP-en-IIS-6-.html">Cómo habilitar ASP en IIS 6 </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ocultar-la-barra-de-direcciones-de-JavaScript-.html">Cómo ocultar la barra de direcciones de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-una-barra-de-búsqueda-a-tu-sitio-web-Editorial-.html">Cómo agregar una barra de búsqueda a tu sitio web Editorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/El-desarrollo-de-Google-Maps-API-.html">El desarrollo de Google Maps API </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-combinar-Javascripts-.html">Cómo combinar Javascripts </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-la-mesa-de-luz-con-anclajes-Smooth-.html">Cómo utilizar la mesa de luz con anclajes Smooth </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/Reglas-para-el-juego-de-cartas-Canasta-.html" >Reglas para el juego de cartas Canasta </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-un-applet-en-NetBeans-.html" >Cómo hacer un applet en NetBeans </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-OOP-JavaScript-.html" >Cómo crear OOP JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-un-Resig-MicroTemplate-.html" >Cómo utilizar un Resig MicroTemplate </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-controlar-las-barras-de-desplazamiento-Con-Javascript-.html" >Cómo controlar las barras de desplazamiento Con Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-un-PHP-a-un-JS-.html" >Cómo cambiar un PHP a un JS </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/Cómo-ocultar-los-DIVs-Open-in-JavaScript-.html" >Cómo ocultar los DIVs Open in JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-borrar-atributos-de-elemento-.html" >Cómo borrar atributos de elemento </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-instalar-el-Java-Script-en-un-PC-.html" >Cómo instalar el Java Script en un PC </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-quitar-el-último-hijo-de-una-Div-jQuery-.html" >Cómo quitar el último hijo de una Div jQuery </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-deshabilitar-CSS-Hover-con-JavaScript-.html" >Cómo deshabilitar CSS Hover con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Javascript-Combobox-Tutorial-.html" >Javascript Combobox Tutorial </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> 