Hola foreros, resulta que tengo un div al cual con el evento onclick lo transformo en un boton pero tengo un problema, como este botón hace que una imagen se desplaze (background-position) no puede ser apretado más de una vez, puesto que si se apreta por ejemplo dos veces la imágen se correrá el doble, cosa que me está pasando y quiero evitar.
Cuando dicho boton (llamémosle boton1) se clickea el mismo desaparece (con un fadeOut de jquery), la imagen se desplaza y aparece otro boton.
Debo lograr que el boton1 sea clickeado solo una vez y que para hacerle un segundo click, el usuario deba esperar p.ej un segundo.
¿Me sugieren algun material, consejo, link o tutorial en donde pueda aprender a hacer esto?
Desde ya muchas gracias.
P-D: se que simplemente dando un fadeOut con valor cero se soluciona pero la idea es aprender a manejar el tiempo con javascript, escuche hablar sobre settimeOut y nose, quisiera aprender un poco más sobre este tema.