Reflex Test

3 posts Page 1 of 1
Post Reply
Contributors
User avatar
MrAlicard
VIP - Donator
VIP - Donator
Posts: 54
Joined: Thu Aug 05, 2010 4:08 pm
Reflex Test
MrAlicard
Post Options:
Quote
New HTML create and <BODY> section:
Code: Select all
<p>A te reflexed lemérése!</p>
Amikor rá kattintottál a "Start" gombra és megváltozik a háttér akkor gyors kattints a "stop!" gombra.

<script language="JavaScript">
<!--

//Reflext Teszt- By BlackIceBit
//Website: www.blackicebit.try.hu
//Credits: MrAlicard

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:135px;height:135px;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="Szép volt!";
    if (responseTime >= 0.10 && responseTime < 0.20)
        responseString="Jó!";
    if (responseTime >=0.20 && responseTime < 0.30)
        responseString="Jobb is lehetett volna...";
    if (responseTime >=0.30 && responseTime < 0.60)
        responseString="Gyakorolj még!";
    if (responseTime >=0.60 && responseTime < 1)
        responseString="Berúgtál?";
    if (responseTime >=1)
        responseString="Alszol?";

    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("Reflexed lemérése: " + responseTime + " másodperc volt. " + "\n" + remark(responseTime));
        startPressed=false;
        bgChangeStarted=false;
    }
    else
    {
        if (!startPressed)
        {
            alert("press start first to start test");
        }
        else
        {       
            clearTimeout(timerID);
            startPressed=false;             
            alert("Ne csalj! Várd meg míg megváltozik a háttér!");
        }               
    }
}

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 type="button" value="  start  " onClick="startit()" style="font-weight:bold">
<input type="button" value="  stop  " onClick="stopTest()" style="font-weight:bold">
</form>
Last edited by MrAlicard on Tue Mar 22, 2011 5:07 pm, edited 1 time in total.
Top
Lewis
Coding God
Coding God
Posts: 1564
Joined: Sun Dec 20, 2009 2:12 pm
Re: Reflex Test
Lewis
Post Options:
Quote
Did you find this? and this is mainly JS
Image
Top
User avatar
Axel
Coding God
Coding God
Posts: 1928
Joined: Sun Jun 27, 2010 9:15 pm
Re: Reflex Test
Axel
Post Options:
Quote
Its html and js
no php
Top
Post Reply
3 posts Page 1 of 1
Return to “Tutorials”

Copyright Information

Powered by phpBB® Forum Software © phpBB Limited Privacy | Terms

Copyright © Codenstuff.com 2020 - 2023