title: javascript, while loop
body: <p>i'm trying to get my script to wait for user input (click of a button) before continuing, this is v feasible in other languages, but seems impossible in js. basically, i want the user to select an option within a given time frame, if the user selects the wrong option, they're told..script then conts...otherwise, if after a certain amount of time theres no response...script just continues again sowing them the correct ans, but there seems to be nothing in js to make the script wait for that user input! ive tried a while loop, but that is just a big no no in js, ive used settimeout but has no real effect because the script just continues like normal then performs an action after x amount of time, ive tried setting variables and letting the script cont only if it is of a particular value, which is set only if the user clicks...eg var proceed=false, this is only set to true if the user clicks a button, but it still doesn't work... ive tried sooo many other solutions but nothing actually seems to be working. i like the idea of a while loop, because it doeas exactly what i want it to so, but if completly freezes my browser, is there a more effecient type of loop that will will peroform in the same manner with crashing my browser?</p>
  
  <p>heres my code below that compltely freezes my computer. this method is called within a for loop which calls another method after it.</p>
  
  <pre><code>function getUserResp(){
      $("#countdown").countdown({seconds: 15});
      setTimeout("proceed=true", 16000);
  
      $("#ans1").click(function(){
          ansStr=$(this).text();
          checkAns(ansStr);
       });    
      $("#ans2").click(function(){
          ansStr=$(this).text();
          checkAns(ansStr);
      });    
      $("#ans3").click(function(){
          ansStr=$(this).text();
          checkAns(ansStr);
          });
  </code></pre>
  
  <p>would like something like this.....or just some sort of loop to make the script wait before going ahead so at least it gives the user some time to respond rather than running straight though!</p>
  
  <pre><code>    do{
      $(".ans").mouseover(function(){
          $(this).addClass("hilite").fadeIn(800);
          });  
  
      $(".ans").mouseout(function(){
          $(this).removeClass("hilite");
          });
  
      }while(proceed==false);
  
  }
  </code></pre>