Source Code - JsMadeEasy.com

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Reaction - Background

(Netscape only) Just how fast can you react? Play this little JavaScript wonder and find out. In this example, you react when the background changes color instead of dealing with a button.


Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Jasper van Zandbeek <!-- Begin var startTime=new Date(); var endTime=new Date(); var startPressed=false; var bgChangeStarted=false; var maxWait=20; var timerID; function startTest() { document.bgColor=document.response.bgColorChange.options[document.response.bgColorChange.selectedIndex].text; 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 practicing!"; 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; 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 start() { if(startPressed) { alert("Already started. Press stop to stop"); return; } else { startPressed=true; timerID=setTimeout('startTest()', 20000*randNumber()); } } // End --> </SCRIPT>

Insert into <BODY>
<CENTER> <FORM name="response"> Change background color to: <SELECT name="bgColorChange"> <option selected>deeppink <option>aliceblue <option>crimson <option>darkkhaki <option>cadetblue <option>darkorchid <option>coral <option>chocolate <option>mediumslateblue <option>tomato <option>darkslategray <option>limegreen <option>cornflowerblue <option>darkolivegreen </SELECT> <input type="button" value="start" onClick="start()"> <input type="button" value="stop" onClick="stopTest()"> </FORM> </CENTER>

Other Options