Jojoxx.net

 

 

AnvändareAnvändare
Besökare just nu: 98
SnabblänkarSnabblänkar
JavaScript-arkivet
Perl
FAQ
Sök på Jojoxx.netSök på Jojoxx.net



Reaktionstest

Exempel

Kod


<script type="text/javascript">
function reactiontest(obj){
	if(document.getElementById('reactionbutton').value=="Starta"){
		document.getElementById('reactionbutton').value="Stoppa";
		t=Math.floor(Math.random()*3000)+1000;
		rtest=false;
		starttime=new Date().getTime();
		timer=setTimeout("document.getElementById('reactionbox').style.backgroundColor='red'; rtest=true;",t);
	} else {
		stoptime=new Date().getTime();
		if(rtest){
			var rtime=((stoptime-starttime)-t);
			var msg="Lite trött? Har du somnat?";
			if(rtime<2000) msg="Snabbare kan du!";
			if(rtime<500) msg="Ok, inte helt dåligt.";
			if(rtime<400) msg="Ok, en helt ok tid.";
			if(rtime<300) msg="Wow, inte illa!";
			if(rtime<200) msg="Otroligt!";
			alert(msg+"\n\nDin reaktionstid var "+rtime+" millisekunder.");
		} else {
			clearTimeout(timer);
			alert("Fusk!");
		}		
		document.getElementById('reactionbutton').value="Starta";
		document.getElementById('reactionbox').style.backgroundColor='green';
	}
}
</script>
<form>
<div style="width:250px;height:150px;background-color:green;text-align:center;" id="reactionbox">
<input type="button" id="reactionbutton" value="Starta" style="margin-top:60px;" onclick="reactiontest(this.form);">
</div>
<div style="width:250px;" id="reactionresult"></div>
</form>

,