buen día gophlb, busque algun ejemplo de lo que me mencionaste y probe varios, pero el unico que me funciono a medias fue el que pegare aqui:
<SCRIPT LANGUAGE = "JavaScript">
var secs
var timerID = null
var timerRunning = false
var delay = 1000
function Delay()
{
// seteo el tiempo del delay
secs = 2
StopTheClock()
StartTheTimer()
}
function StopTheClock()
{
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function StartTheTimer()
{
if (secs==0)
{
StopTheClock()
alert("Grr.")
}
else
{
self.status = secs
secs = secs - 1
timerRunning = true
timerID = self.setTimeout("StartTheTimer()", delay)
}
}
</SCRIPT>
Luego en mi boton tengo:
<input type="image" src="Imagenes/botonanimado.gif" name="btnJugar" onclick='javascript:Delay()'/>
Este boton lo tengo adentro de un form que tiene un action a un servlet. Si pruebo el codigo javascript en otro boton fuera de ese form, abre la ventana de alert a los 2 segundos, pero si lo pruebo en el boton donde lo necesito me pasa lo que te mencionaba, va rapido a la pagina del servlet.
Otra cosa es que en esa linea donde esta el alert no se que deberia poner para que se ejecutara el servlet. Yo solo quiero que al hacer click en el boton se quede la pagina actual 2 segundos mas (para dar tiempo a ver todo el gif) y luego si vaya al servlet.
Espero puedas ayudarme, es muy importante lograr esto!
Un saludo
Guillermo