Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Dimitar Stefanov en 06 de Abril 2016, 18:37
-
Hola. Aquí os dejo una posible solución del ejercicio CU01171E del curso JavaScript desde cero.
EJERCICIO
Crea una página web que al ser invocada muestre un mensaje “Hemos cambiado de ubicación esta página. En breves momentos será redireccionado…” junto a una cuenta atrás que muestre 5, 4, 3, 2, 1 (correspondiente a 5 segundos). Tras transcurrir 5 segundos y mostrarse la cuenta atrás, el usuario debe ser redireccionada a la url http://aprenderaprogramar.com. Para realizar este ejercicio debes usar la propiedad window.location junto con funciones que permitan el retardo en la ejecución vistas en entregas anteriores del curso.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejemplo aprenderaprogramar.com</title>
<style type="text/css">
*{
font-size: 40px;
text-align: center;
}
</style>
<script type="text/javascript">
var cuenta = setInterval(cuentaAtras, 1000);
var i = 4;
function cuentaAtras(){
var span = document.getElementsByTagName('span');
span[1].textContent = i;
i--;
if(i<0){
clearInterval(cuenta);
window.location.assign('http://aprenderaprogramar.com');
}
}
/*setTimeout(redireccionamiento, 5000);
function redireccionamiento(){
window.location.assign('http://aprenderaprogramar.com')
}*/
</script>
</head>
<body>
<div><span>Hemos cambiado de ubicación esta página. En <span style="color: red">5</span> será redireccionado…</span></div>
</body>
</html>
La parte comentada es porque se puede hacer de esta manera también. Sólo se tendrán que descomentar las líneas comentadas y dejarse la function cuentaAtras() así:
function cuentaAtras(){
var span = document.getElementsByTagName('span');
span[1].textContent = i;
i--;
if(i<0){
clearInterval(cuenta);
}
}
Gracias
-
Hola! Al igual que el ejercicio anterior lo veo todo bien
Saludos!