En esta parte del tutorial veremos como crear temporizadores a través del método setTimeout, como ejemplo crearemos un reloj.
El método setTimeout() llama a una función o evalúa una expresión despues de un especificado número de milisegundos.
El método clearTimeout() permite detener la acción del método setTimeout().
Código del ejemplo del capítulo:
<!DOCTYPE HTML>
<html>
<head>
<script>
temporizador = setTimeout("reloj()", 1000);
function reloj()
{
var tiempo = new Date();
var hours = tiempo.getHours();
var minutes = tiempo.getMinutes();
var seconds = tiempo.getSeconds();
document.getElementById("hours").innerHTML = hours;
document.getElementById("minutes").innerHTML = minutes;
document.getElementById("seconds").innerHTML = seconds;
temporizador = setTimeout("reloj()", 1000);
var str_hours = new String(hours);
if (str_hours.length == 1)
{
document.getElementById("hours").innerHTML = "0" + str_hours;
}
var str_minutes = new String(minutes);
if (str_minutes.length == 1)
{
document.getElementById("minutes").innerHTML = "0" + str_minutes;
}
var str_seconds = new String(seconds);
if (str_seconds.length == 1)
{
document.getElementById("seconds").innerHTML = "0" + str_seconds;
}
}
function stop()
{
clearTimeout(temporizador);
}
function play()
{
temporizador = setTimeout("reloj()", 1000);
}
</script>
</head>
<body>
<span id="hours"></span> : <span id="minutes"></span> : <span id="seconds"></span>
<button type="button" onclick="stop()">Detener hora</button>
<button type="button" onclick="play()">Empezar de nuevo</button>
</body>
</html>
No hay comentarios:
Publicar un comentario