Ver Mensaje Individual
  #15 (permalink)  
Antiguo 25/02/2016, 02:28
Avatar de jearj
jearj
 
Fecha de Ingreso: julio-2008
Mensajes: 72
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: boton doble funcion

Gracias Alexis88 por tu ayuda y tus consejos.

Ya esta solucionado.

Le añadido un reset al final del script porque al llegar a 0 hay que dar dos clic para reiniciar la cuenta regresiva y reproducía dos veces el audio tiempo.mp3, el cual te agradezco tu consejo del PlaySound, pero es necesario el avise de que comienza el tiempo (Cuenta regresiva). Se que puede haber otros modo de hacerlo, pero yo no se otra forma y eso me soluciona ese tema.

Ahí os dejo el código por si a alguien le sirve:


Código Javascript:
Ver original
  1. function PlaySound(path) {
  2.   var audioElement = document.createElement('audio');
  3.   audioElement.setAttribute('src', path);
  4.   audioElement.play();
  5. }
  6.  
  7. var control = true; //La variable global
  8.  
  9. function cronometro() {
  10.     if (control){
  11.         var count = 20,
  12.             number = document.getElementById('numero'),
  13.             audio1 = document.getElementById("audio1"),
  14.             audio2 = document.getElementById("audio2"),
  15.             intervalo = setInterval(function(){
  16.                 if(count == 0 || control){
  17.                     clearInterval(intervalo);
  18.                     audio2.play();
  19.                     return;
  20.                 }
  21.                 count--;
  22.                 number.innerHTML = count;
  23.                 if (count == 10){
  24.                     audio1.play();
  25.                 }
  26.             }, 1000);
  27.         control = false;
  28.     }
  29.     else{
  30.         control = true;
  31. reset();
  32.     }
  33. }


Código HTML:
Ver original
  1. <audio id="audio1" src="aviso.MP3" preload="auto"></audio>
  2. <audio id="audio2" src="finalizado.mp3" preload="auto"></audio>
  3.  
  4. <p id="numero">20</p>
  5.  
  6. <input type=button value="TIEMPO" onclick="cronometro(); PlaySound('tiempo.MP3');">


Es una cuenta regresiva que avisa cuando inicia, cuando faltan 10 segundos y cuando acaba, pero seguro que ese script se puede usar para otras muchas cosas.

Saludos y muchas gracias por todo.