como hacer -> Clic en boton, esperar 5 segundos...

gusta1996 · 11 Jul 2022

Hola betas soy novato en JS
Por favor necesito ayuda con un botón que quiero hacer

Mi idea es tener un boton que dice "Descargar" y que tiene 2 etiquetas <a> cada uno con 1 enlace diferente

Al principio el boton solo muestra el texto "Descargar" con el enlace 1 <a>
Luego cuando un usuario hace clic en el boton, el boton envia al enlace 1, y al mismo tiempo el boton cambia el texto por "espere x segundos..."
"espere x segundos.." es un conteo regresivo, cuando el conteo termina el boton cambiar el enlace 1 por el enlace 2, y el texto dira"click aqui"

esto es lo que tengo hasta ahora (tengo 2 botones)

Insertar CODE, HTML o PHP:

<style>
.button-hidden {
    display: none;
}
</style>

<button class="button-descarga">
    <a id="click-ad-url" class="" onclick="clickDownload()" href="https://enlace-1.com" target="_blank" rel="nofollow">
        Descargar
    </a>
    <p id="p-text-espere" class="button-hidden">
        Espere&nbsp;<span id="span-text-espere">5</span>&nbsp;segundos...</p>
    <a id="click-descarga" class="button-hidden" href="https://enlace-2.com" target="_blank" rel="nofollow">
        Click aquí
    </a>
</button>

gracias de antemano

Dainielpro27 · 11 Jul 2022

hola amigo, no se nada de códigos pero esto lo mas parecido a lo que dices.

baner flotante.txt

drive.google.com

moiseseccam · 11 Jul 2022

Dainielpro27 dijo:
hola amigo, no se nada de códigos pero esto lo mas parecido a lo que dices.

baner flotante.txt

drive.google.com

Esta bueno

Dainielpro27 · 11 Jul 2022

moiseseccam dijo:
Esta bueno

Si hay le puedes poner un anuncio, 300x250

marjuanm · 14 Jul 2022

Tal vez te sirva este código que programé, te muestra un botón, lo presionas, lo oculta, corre un contador atrás por 5 segundos y ahora te da el enlace real.

<html>
<head>
<script language="JavaScript">

</script>
<body>

<button id="click-ad-url" onclick="javascript:clickDownload();">Descargar</button>
<div id="p-text-espere" style="display: none; visibility: hidden;"></div>
<a id="click-descarga" style="display: none; visibility: hidden;" href="https://enlace-2.com" target="_blank" rel="nofollow">Descargar ahora</a>

</body>
</html>

Dainielpro27 · 14 Jul 2022

marjuanm dijo:
Tal vez te sirva este código que programé, te muestra un botón, lo presionas, lo oculta, corre un contador atrás por 5 segundos y ahora te da el enlace real.

Hola Muchas gracias,
Necesitaba algo como esto,
¿Se puede abrir el enlace en una Nueva pestaña?

marjuanm · 14 Jul 2022

lo probé en Chrome, Firefox, Edge y hasta en Internet Explorer (aún está instalado en mi pc) y en todos abre el link en una pestaña nueva (supongo es el comportamiento predeterminado), pero si quieres que abra en una ventana aparte (no se si es a lo que te refieres) puedes usar este código:

<html>
<head>
<script language="JavaScript">

</script>
<body>

<button id="click-ad-url" onclick="javascript:clickDownload();">Descargar</button>
<div id="p-text-espere" style="display: none; visibility: hidden;"></div>
<a id="click-descarga" style="display: none; visibility: hidden;" href="javascript:newwindow('https://enlace-2.com');" rel="nofollow">Descargar ahora</a>

</body>
</html>

Puedes checar los parámetros de una nueva ventana aquí https://www.w3schools.com/jsref/met_win_open.asp

Pd. Gracias por la donación.

como hacer -> Clic en boton, esperar 5 segundos...

gusta1996

Dainielpro27

baner flotante.txt

moiseseccam

baner flotante.txt

Dainielpro27

marjuanm

Dainielpro27

marjuanm

Temas similares

Privacidad y transparencia

Privacidad y transparencia