html – Quiero retrasar un enlace por un período de 500 con javascript

Question

Preguntó
hace 9 años, 6 meses

Visto27k veces

He estado revisando las preguntas de Stackoverflow, tratando de obtener ayuda con un retraso de enlace simple; Quiero ponerlo alrededor de un div, y no puedo entender los ejemplos que he encontrado.

Hasta ahora, entiendo que necesito detener la función nativa de href, pero no sé cómo hacerlo. El código sigue siendo muy extraño para mí. ¿Ayuda?

preguntó 21 de enero de 2013 a las 8:09

ammonhraammonhra

83

4

Establecer su href atributo como href="https://stackoverflow.com/questions/72965056/javascript:delay("URL')" y JavaScript:

function delay (URL) {
    setTimeout( function() { window.location = URL }, 500 );
}

Visión

139k

contestada 21 de enero de 2013 a las 8:15

gurvinder372gurvinder372

64.6k

4

Si desea retrasar cada enlace en su página, puede hacerlo con jQuery como este

$(function(){
    $("a").click(function(evt){
        var link = $(this).attr("href");
        setTimeout(function() {
            window.location.href = link;
        }, 500);
    });
});

contestada 21 de enero de 2013 a las 8:22

ttkalecttkalec

721

2

Uso esto para mantener la función esperando antes de continuar:

var wait_until = new Date().getTime() + 500;
while (new Date().getTime() < wait_until) {
    //Do nothing, wait
}

contestada 02/09/2016 a las 19:53

chica nebulosachica nebulosa

1,334

Para retrasar un enlace con javascript en línea, simplemente configure su href atributo como href="https://stackoverflow.com/questions/72965056/javascript:setTimeout(()=>{window.location ="URL' },500);".

Cuando reemplace la URL con su enlace, solo asegúrese de que esté dentro del ' '.

<li class="nav-item">
  <a href="https://stackoverflow.com/questions/72965056/javascript:setTimeout(()=>{window.location ="#About' },500);">
    About Me
  </a>
</li>

contestada 15 de julio de 2019 a las 19:22

Si desea abrir en una nueva pestaña (target=»_blank»),

Esto sería El código de @ gurvinder372 cambió para tener en cuenta la nueva pestaña:

Si desea utilizar cualquier otra configuración de destino, simplemente cambie el `"_blank"` a su configuración preferida.

function delay(URL) {
    setTimeout(function () {
        window.open(URL, "_blank"); // this is what I've changed.
    }, 500);
}

contestada 7 de agosto de 2021 a las 2:21

defecto