Retarder le déclenchement d'un lien ( a href delay)

Version imprimable

15/06/2015, 10h38
infovect

Retarder le déclenchement d'un lien ( a href delay)
Bonjour, débutant en jquery j'aimerais retarder le déclenchement d'un lien quand je clic dessus ( balise <a href="page html">).
par exemple je clic il se passe rien pendant 5 secondes et ensuite "page.html" s'affiche.
J'aimerais que mon code s'applique sur tous les liens.

voici le code que j'ai commencé à faire mais ça marche pas et je ne vois pas du tout l'erreur.
Code:

1 2 3 4 5 6 7 8 $("a").click(function(evt){ var link = $(this).attr("href"); setTimeout(function() { window.location.href = link; }, 5000); });
Pourriez vous m'aider SVP merci ! :)
15/06/2015, 12h47
javatwister

jquery ou pas, il te faut un return false quelque part...
15/06/2015, 13h19
sekaijin

sachant qu'en moyenne un utilisateur re-clique ou abandonne si la réaction du navigateur dépasse 3 secondes.
s'il ne se passe rien durant 5 secondes .....:salut:

je ne sais pas pourquoi c'est faire mais c'est généralement une très mauvaise idée.
souvent on fait même le contraire
on génère une réaction immédiate pour avertir l'utilisateur qu'il faut patienter
et malgré cela bon nombre de client s'impatiente.

A+JYT

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(function() {
    $("a").click(function() {
        var link = $(this).attr("href");
        return lancerPage(link);
    });
 
    function lancerPage(a) {
        redirect(a);
        return false;
    }
 
    function redirect(lnk) {
        setTimeout(function() {
            window.location.href = lnk;
        }, 5000);
    }
});

C'est plutôt intelligent en faite, ça me permets de créer une animation en full CSS pour faire une transition de page.

Et merci mais j'ai trouvé mieux:
Code:

1 2 3 4 5 6 7 8 $("a").click(function(e) { var link = $(this).attr("href"); setTimeout(function() { window.location.href = link; }, 2000); e.preventDefault(); });