This game asks the player to click the button as quick as they can after they see a certain color apear in a fixed box.

To use this code, place the following HTML in he body section of your page.

<p>Test your Response time!<p><p><p><p><p></p> Click on "Start" first, and wait until the background color changes. As soon as it changes, hit "stop!" <script language="JavaScript"> <!-- //Reflext Tester- By Andy Scott (based on script by Jasper van Zandbeek) //http://www.geocities.com/SiliconValley/Station/4320/ //Submitted to Dynamic Drive for inclusion //Visit http://www.dynamicdrive.com for this script var startTime=new Date(); var endTime=new Date(); var startPressed=false; var bgChangeStarted=false; var maxWait=20; var timerID; var colors=new Array("tomato","chocolate","limegreen","crimson","darkslategray", "aliceblue","mediumslateblue","cornflowerblue","darkorchid","darkkhaki","coral", "darkolivegreen","cadetblue") if (document.all||document.getElementById) document.write('<div id="reflex" style="width:135;height:135;border:1px solid black" onClick="stopTest()"></div>') function startTest() { if (document.all) document.all.reflex.style.backgroundColor=colors[Math.floor(Math.random()*colors.length)]; else if (document.getElementById) document.getElementById("reflex").style.backgroundColor=colors[Math.floor(Math.random()*colors.length)]; else if (document.layers) document.reflexns.document.reflexns_sub.document.bgColor=colors[Math.floor(Math.random()*colors.length)]; bgChangeStarted=true; startTime=new Date(); } function remark(responseTime) { var responseString=""; if (responseTime < 0.10) responseString="Well done!"; if (responseTime >= 0.10 && responseTime < 0.20) responseString="Nice!"; if (responseTime >=0.20 && responseTime < 0.30) responseString="Could be better..."; if (responseTime >=0.30 && responseTime < 0.60) responseString="Keep practising!"; if (responseTime >=0.60 && responseTime < 1) responseString="Have you been drinking?"; if (responseTime >=1) responseString="Did you fall asleep?"; return responseString; } function stopTest() { if(bgChangeStarted) { endTime=new Date(); var responseTime=(endTime.getTime()-startTime.getTime())/1000; if (document.all) document.all.reflex.style.backgroundColor="white"; else if (document.getElementById) document.getElementById("reflex").style.backgroundColor="white"; else if (document.layers) document.reflexns.document.reflexns_sub.document.bgColor="white"; alert("Your response time is: " + responseTime + " seconds " + "\n" + remark(responseTime)); startPressed=false; bgChangeStarted=false; } else { if (!startPressed) { alert("press start first to start test"); } else { clearTimeout(timerID); startPressed=false; alert("cheater! you pressed too early!"); } } } var randMULTIPLIER=0x015a4e35; var randINCREMENT=1; var today=new Date(); var randSeed=today.getSeconds(); function randNumber() { randSeed = (randMULTIPLIER * randSeed + randINCREMENT) % (1 << 31); return((randSeed >> 15) & 0x7fff) / 32767; } function startit() { if(startPressed) { alert("Already started. Press stop to stop"); return; } else { startPressed=true; timerID=setTimeout('startTest()', 6000*randNumber()); } } // --> </script> <br> <ilayer id="reflexns" width=135; height=135;><layer id="reflexns_sub" width=135; height=135; left=0 top=0 bgColor=yellow></layer></ilayer><form name="response"> <input name="button" type="button" style="font-weight:bold" onClick="startit()" value=" start "> <input name="button" type="button" style="font-weight:bold" onClick="stopTest()" value=" stop "> </form> <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br> <a href="http://www.dynamicdrive.com">Dynamic Drive</a></font><p><p><p><p><p></p>