Respuestas a ejercicios de la entrega CU01164E del tutorial de codificación con JavaScript:
Ejercicio 1:
<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<script type="text/javascript">
function relojSetInterval(){
var reloj = new Date();
var hora = reloj.getHours();
var minutos = reloj.getMinutes();
var segundos = reloj.getSeconds();
minutos = minutos<10 ? "0"+minutos : minutos;
segundos = segundos<10 ? "0"+segundos : segundos;
document.body.innerHTML = hora+":"+minutos+":"+segundos;
}
function start(){
setInterval(relojSetInterval,500);
}
</script>
</head>
<body onload="start()" >
</body></html>
Ejercicio 2:
<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<script type="text/javascript">
window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.oRequestAnimationFrame;
var global;
function relojSetInterval(){
var reloj = new Date();
var hora = reloj.getHours();
var minutos = reloj.getMinutes();
var segundos = reloj.getSeconds();
minutos = minutos<10 ? "0"+minutos : minutos;
segundos = segundos<10 ? "0"+segundos : segundos;
document.body.innerHTML = hora+":"+minutos+":"+segundos;
global = requestAnimationFrame(relojSetInterval);
}
function start(){
global = requestAnimationFrame(relojSetInterval);
}
</script>
</head>
<body onload="start()" >
</body></html>
Ejercicio 3:
<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<script type="text/javascript">
var segundos=60,minutos=00, global;
function cronometro(){
segundos--;
segundos = segundos<10 ? "0"+segundos : segundos;
document.getElementById("id1").innerHTML = "0"+minutos+":"+segundos;
if(segundos==0){finish();}
}
function finish(){
alert("Tu tiempo ha terminado");
clearInterval(global);
segundos=60;
reset();
}
function reset(){
document.getElementById("id1").innerHTML = "01:00";
}
function start(){
global = setInterval(cronometro,1000);
}
</script>
</head>
<body>
<button onclick="start()">Comenzar</button>
<div id="id1">01:00</div>
</body></html>
Tema: JavaScript. setTimeOut, setInterval, requestAnimationFrame cuenta atrás CU01164E (Leído 2551 veces)
RSS -
WAP2