Ayuda no sé por que se ejecuta 1 segunto tarde la cuenta atras
Publicado por PepitoIV (3 intervenciones) el 13/02/2020 10:53:08
Tengo el siguiente código, y cuando le doy click al boton como que me tarda 1 segundo en ejecutarme la cuenta atrás.
Si alguien tiene idea de por qué ocurre esto. Y si veis alguna forma de cómo optimizar y reducir todo esto, estaría muy gradecido
Si alguien tiene idea de por qué ocurre esto. Y si veis alguna forma de cómo optimizar y reducir todo esto, estaría muy gradecido
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<main>
<div id="contenedor">
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
<div><span class="n"></span><b></b></div>
</div>
<div>
<p id="info"></p><span id="timer"></span>
</div>
<button>Iniciar juego</button>
<!-- Fin de la estructura JS --></main>
<script>
const palabrasDisponibles = ["a", "l", "v", "con", "f", "wi", "si", "b", "con",
"re", "o", "ñ", "w", "m", "s", "p", "el"];
var tiempo = 5;var intervaloCuentaAtras;
var listaNumeros = document.getElementsByTagName('b');
var listaPalabras = document.getElementsByClassName('no');
// Al pulsar el botón de iniciar la cuenta atrásdocument.getElementsByTagName('button')[0].addEventListener('click', function () {
rellenarDatos(listaNumeros, listaPalabras, generarPalabrasAleatorias());
setTimeout(function () {
rellenarDatos(listaPalabras, listaNumeros, 1);
}, 5000);
});
document.getElementsByTagName('button')[0].addEventListener('click', function (){
intervaloCuentaAtras= setInterval(cuentaAtras,1000);
})
//sin optimizarfunction generarPalabrasAleatorias() {
var arrayPalabrasSinRepetir = [];
for (var i = 0; i < 9; i++) {
var repetido = true;while (repetido) {
var posicionAleatoria = Math.floor(Math.random() * palabrasDisponibles.length);
var palabraAleatoria = palabrasDisponibles[posicionAleatoria]
if (!arrayPalabrasSinRepetir.includes(palabraAleatoria)) {
arrayPalabrasSinRepetir.push(palabraAleatoria);
repetido = false; } } }arrayPalabrasSinRepetir.sort();
return arrayPalabrasSinRepetir;
} //optimizado // Arreglo para llenarvar arrayPalabrasSinRepetir2 = [];
// Cantidad de números en el arreglo var cantidadNumeros = 9; // Máximo valor de los números en el arreglo var hasta = 10;function llenarAleatorios(arrayPalabras) {
//optimizar estovar posicionAleatoria = Math.floor(Math.random() * palabrasDisponibles.length);
var palabra = palabrasDisponibles[posicionAleatoria]
/** * Si no se encuentra el valor aleatorio en el arreglo * se inserta el valor. Arrays.some()--> comprueba si almenos un elemento del array cumple con una condición */if (!arrayPalabras.some(function (e) {
return e == palabra
})) {
arrayPalabras.push(palabra);
} }rellenarDatos(listaPalabras, listaNumeros, 1);
function rellenarDatos(listaOculta, listaMostrada, datos) {
var hasta = 9; var aux = 0;while (aux < hasta) {
listaOculta[aux].style.display = 'none';
listaMostrada[aux].style.display = 'block';
if (Number.isInteger(datos)) {
listaMostrada[aux].innerHTML = (aux + 1);
} else {
listaMostrada[aux].innerHTML = datos[aux];
}aux += 1;
} }while (arrayPalabrasSinRepetir2.length < cantidadNumeros) {
llenarAleatorios(arrayPalabrasSinRepetir2);
}console.log(arrayPalabrasSinRepetir2);
function cuentaAtras() {
document.getElementById('timer').innerHTML=tiempo;
if(tiempo==0){
limpiarIntervalo(this.intervaloCuentaAtras)
}tiempo--
}function limpiarIntervalo(intervalo) {
clearInterval(intervalo);
}</script>
</body>
</html>
Valora esta pregunta
0
