Saludetes!
Ando de nuevo por aqui para ver si me echan una mano, es que no domino nada de JS y tengo en mente un proyecto.
Quisiera hacer una trivia on-line en la que se muestre la pregunta pero en donde el usuario disponga solamente de 10 segundos para responder y que estos sean mostrados en un Div. Al terminar el tiempo, se cargaría una imagen en el Div donde estaban corriendo los 10 segundos, se envien unos datos a una tabla en la BD con PHP y se reproduzca un sonido! (estas tres cosa sin recargar la página)
Quiza es mucho pedir pero es que no tengo idea de como hacerlo, encontré un código JS en la web de un simple contador de segundo, pero no sé modificarlo.
Código:
<script type="text/javascript">
window.onload = function() {
/* set your parameters(
number to countdown from,
pause between counts in milliseconds,
function to execute when finished
)
*/
startCountDown(10, 1000, myFunction);
}
function startCountDown(i, p, f) {
// store parameters
var pause = p;
var fn = f;
// make reference to div
var countDownObj = document.getElementById("countDown");
if (countDownObj == null) {
// error
alert("div not found, check your id");
// bail
return;
}
countDownObj.count = function(i) {
// write out count
countDownObj.innerHTML = i;
if (i == 0) {
// execute function
fn();
// stop
return;
}
setTimeout(function() {
// repeat
countDownObj.count(i - 1);
},
pause
);
}
// set it going
countDownObj.count(i);
}
function myFunction() {
alert("hola a todos");
}
</script>
</head>
<body>
<div id="countDown"></div>
</body>
</html>
De verdad que su ayuda me sería muy valiosa!
Muchas gracias amigos!