Pas 1 sec na laatste keer dat getypt is functie uitvoeren

[steeloxp]

Hoi,

misschien rare titel, ik zal het duidelijk maken.

Stel ik heb dit inputveld en de js functie:

<input type="text" name="veld" onkeyup="mijnfunctie();" />

mijnfunctie() {

alert('blaat');

}

Nu wil ik graag dat pas 1 sec nadat de laatste keer is getypt, de alert laten zien.

Dus bijv. iemand typt 'ik ben dik', dat pas 1 sec nadat de 'k' is getypt de alert wordt getoond.

Ik ken de SetTimeOut e.d. Maar ik heb gewoon geen idee waar ik moet beginnen.

Kan iemand mij helpen?

groeten,

Andreas

 

[Egel]

Zo:

<script type="text/javascript">
 var timer = 0, boodschap = 'Blaat!';
 function mijnfunctie() {
  timer = setTimeout('alert(boodschap)',1000);
  };
 function stop() {
  clearTimeout(timer);
  };
</script>

<input type="text" onkeydown="stop()" onkeyup="mijnfunctie();">

dan verschijnt de boodschap 1 seconde (1000 milliseconde) nadat de laatste toets is losgelaten.

<input type="text" onchange="alert('Bla, bla, bla, bla ...');">

Kan ook, dan komt de alert zodra je het veld (veranderd) verlaat.


Vr.Gr. Egel.

 

[steeloxp]

Zo:

<script type="text/javascript">
 var timer = 0, boodschap = 'Blaat!';
 function mijnfunctie() {
  timer = setTimeout('alert(boodschap)',1000);
  };
 function stop() {
  clearTimeout(timer);
  };
</script>

<input type="text" onkeydown="stop()" onkeyup="mijnfunctie();">

dan verschijnt de boodschap 1 seconde (1000 milliseconde) nadat de laatste toets is losgelaten.

<input type="text" onchange="alert('Bla, bla, bla, bla ...');">

Kan ook, dan komt de alert zodra je het veld (veranderd) verlaat.


Vr.Gr. Egel.

Dank je voor het meedenken, inmiddels anders opgelost:

function vertraag(id){
waarde = document.getElementById(id).value;
setTimeout("vertraag2('" + id + "', '" + waarde + "')",1000);
}

function vertraag2(id,waarde){
waarde2 = document.getElementById(id).value;
alert(waarde2);
if(waarde == waarde2){
alert('Yep');
}
}

en dan bij onkeyup="vertraag(this.id);"

Deze werkt zoals ik het wil!