Alternativa al setinterval o sleep en javascript

WHK · 6 Diciembre 2011, 14:02 PM

A veces necesitamos hacer un sleep sin utilizar setinterval o settimeout, me ha pasado a mi por diferentes motivos y se me ocurrió hacer un pequeño script que utiliza animaciones para retardar la ejecución del resto del código, se que no es algo nuevo pero talves le pueda servir a algunos

Código (html4strict) [Seleccionar]

<html>
	<head>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	</head>
	<body>
		<script>
			$(document).ready(function(){
				function check(){
					/* Mi código acá */

					/* sleep */
					$('#sleep').fadeOut('slow', function(){
						$('#sleep').fadeIn('slow', check());
					});
				}
				check();
			});
		</script>
		Verificando <span id="sleep">_</span>
	</body>
</html>

Un reloj con esto:

Código (html4strict) [Seleccionar]

<html>
	<head>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	</head>
	<body>
		<script>
			$(document).ready(function(){
				function check(){
					var h = new Date();
					$('#reloj').text(h.getHours() + ':' + h.getMinutes() + ':' + h.getSeconds());
					/* sleep */
					$('#sleep').fadeOut(1000, function(){ /* 1 segundo de intervlo */
						$('#sleep').fadeIn(0, check());
					});
				}
				check();
			});
		</script>
		Reloj: <span id="reloj"></span> <span id="sleep"></span>
	</body>
</html>

Saludos.

Test Foro de elhacker.net SMF 2.1

Alternativa al setinterval o sleep en javascript

WHK