Skip to content

Javacsript

CPIFP Los Enlaces - Ciclo Animación edited this page Apr 26, 2018 · 4 revisions

Creación de un contador

Basado en la función setInterval

<h2>Contador: <span id="contadorSpan"></span></h2>

<script>
	//Valor inicial
	var n = 3;
	//Elemento del DOM donde pondremos el nº
	var contadorDOM = document.getElementById('contadorSpan');
	
	//Ponemos la cifra inicial
	contadorDOM.innerHTML = n;
	
	//Contador de ciclos, identificado en una variable para poder detenerlo
	var counter = setInterval(restarUno,1000);
	//Función que va restando y se para al llegar a 0
	function restarUno() {
		if(n>0){
			n--; //Esto equivale a n = n - 1;
			contadorDOM.innerHTML = n;
		}
		else{
			//Si ha llegado a 0 detenemos el ciclo y avisamos
			clearInterval(counter);
			console.log('Ha terminado el contador');
		}
		
	}

</script>

Pausar el juego

En Javascript podemos lanzar una acción al transcurrir un tiempo determinado en milisegundos mediante la función

setTimeout(function() {
	//Ejecutamos una acción al pasar un segundo y medio
	
},1500);

Función que elige un número entero al azar entre varios números

Al llamara a esta función nos devuelve un número al azar.

function getRandomInt(min, max) {
	return Math.floor(Math.random() * (max - min + 1)) + min;
}

//Ejemplo de uso para obtener un número entre 0 y 2
var randNumber = getRandomInt(0,2);

Clone this wiki locally