Détecter chaque bouton appuyé+temporisation

**razaonce** · 30/06/2011, 15h48

Bonjour,
j'ai une page de formulaire qui lance une page de pub au bout de 5 secondes si l'utilisateur ne fait rien, mais s'il est en train de saisir des informations dans le formulaire le décompte doit se remettre à zéro, donc j'aimerais qu'à chaque fois que l'utilisateur appuie sur un bouton du clavier il se passe 5 secondes avant le lancement de la page de pub.
Voici mon code :

le javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var timer;   
function pub()   
{   
     timer = setTimeout("affichePub()",5000);   
     document.onkeypress = changetemps;   
}   
 
function changetemps()   
{   
     timer = setTimeout("affichePub()",5000);   
}   
 
function affichePub()   
{   
     location.href='pub.html';   
}

et le html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
    <body onload="javascript:pub();">   
         <form method="POST" action="connexion.php">   
              <input type="text" name="login"/>   
              <input type="text" name="mdp"/>   
              <input type="submit" value="Se connecter" name="seco"/>   
         </form>   
    </body>

**the-destroyer** · 01/07/2011, 00h23

hello !

Dans ton HTML tu peus enlever: "onload="javascript:pub();""
On obtient donc:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 <body onload="pub();">   
         <form method="POST" action="connexion.php">   
              <input type="text" name="login"/>   
              <input type="text" name="mdp"/>   
              <input type="submit" value="Se connecter" name="seco"/>   
         </form>   
    </body>

On utilise cette methode pour lien uniquement

Dans le js essait ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
var timer;
function pub()
{
document.body.onkeypress = changetemps;
timer = setTimeout("affichePub()",5000);
}   
 
function changetemps()   
{   
     clearTimeout(timer);
     setTimeout("affichePub()",5000);
}   
 
function affichePub()   
{   
     location.href = 'pub.html';   
}

**the-destroyer** · 01/07/2011, 00h29

Awi et si tu veux pas embeter ton visiteur je te conseil vivement d'ouvrir ta pub dans une pop-up pk sinon le formulaire se réinitialisera dès le changement de page (ici vers ta pub)

donc le visiteur va vite devenir fou

ou alors il faut augmenter de beaucoup le temps avant l'affichage de la pub

**razaonce** · 01/07/2011, 10h54

ok merci ça a l'air de marcher mais j'ai encore optimisé ton code ^^ :

javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
var timer;  
function pub()  
{  
       timer = setTimeout("affichePub()",5000);  
       document.onkeypress = changetemps;  
}  
 
function changetemps()  
{  
      window.clearTimeout(timer);  
      pub();  
}  
 
function affichePub()  
{  
      location.href='pub.html';  
}

**Bovino** · 01/07/2011, 10h56

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function pub()  
{  
       timer = setTimeout(affichePub,5000);  
       document.onkeypress = changetemps;  
}

sera même encore mieux

**the-destroyer** · 01/07/2011, 11h37

Oui mais le fait d'attribué une fonction onkeypress a tout les éléments du document a chaque appelle de le fonction pub() ne sert pas a grand chose, tu perds même en performances (bon ok de pas beaucoup ^^), personnellement si je devait l'optimisé je mettrais document.onkeypress = [...] dans une fonction a part, et qui est appellé juste une fois au chargement de la page avec le onload

Enfin a toi de voir c'est qu'un detail

A bientot !

Détecter chaque bouton appuyé+temporisation

JavaScript

Vue hybride

Discussions similaires

Partager

Partager