<h3 align="center"><font color="#5100A2">[순발력 테스트]</font></h3>
<p align="center"><font color="#5100A2">시작버튼을 누른뒤 빈공간에 색상이 나타나면 <br>
바로 멈춤 버튼을 눌러 순발력을 테스트 해<font color="#480091"> 보</font></font><font color="#480091">세요.</font></p>
<!---- 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>
<div align="center">
<script language="JavaScript">
<!--
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="참 잘했어요! 10점 !!";
if (responseTime >= 0.10 && responseTime < 0.20)
responseString="잘 했어요! 8점 !!";
if (responseTime >=0.20 && responseTime < 0.30)
responseString="조금만 더 잘했더라면.. 6점 !!";
if (responseTime >=0.30 && responseTime < 0.60)
responseString="좀 더 연습 해 보세요 4점 !!";
if (responseTime >=0.60 && responseTime < 1)
responseString="아직 술이 덜 깨셨나..?? 2점 !!";
if (responseTime >=1)
responseString="뭐야? 자지 말아요 ! 0000 점 !!!";
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("클릭속도 : " + responseTime + " 초 " + "\n" + remark(responseTime));
startPressed=false;
bgChangeStarted=false;
}
else
{
if (!startPressed)
{
alert("먼저 시작버튼을 클릭 하세요");
}
else
{
clearTimeout(timerID);
startPressed=false;
alert("이런! 색깔이 나타나면 누르셔야져..");
}
}
}
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("멈춤 버튼 누를 차례에요");
return;
}
else
{
startPressed=true;
timerID=setTimeout('startTest()', 6000*randNumber());
}
}
// -->
</script>
<br>
</div>
<ilayer id="reflexns" width=135; height=135; left="427" top="8">
<center>
<layer id="reflexns_sub" width=135; height=135; left=1 top=1 bgColor=yellow></layer>
</center>
</ilayer>
<form name="response">
<div align="center">
<input type="button" value=" 시작 " onClick="startit()" style="font-weight:bold">
<input type="button" value=" 멈춤 " onClick="stopTest()" style="font-weight:bold">
</div>
</form><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
<p align="center"><font color="#5100A2">시작버튼을 누른뒤 빈공간에 색상이 나타나면 <br>
바로 멈춤 버튼을 눌러 순발력을 테스트 해<font color="#480091"> 보</font></font><font color="#480091">세요.</font></p>
<!---- 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>
<div align="center">
<script language="JavaScript">
<!--
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="참 잘했어요! 10점 !!";
if (responseTime >= 0.10 && responseTime < 0.20)
responseString="잘 했어요! 8점 !!";
if (responseTime >=0.20 && responseTime < 0.30)
responseString="조금만 더 잘했더라면.. 6점 !!";
if (responseTime >=0.30 && responseTime < 0.60)
responseString="좀 더 연습 해 보세요 4점 !!";
if (responseTime >=0.60 && responseTime < 1)
responseString="아직 술이 덜 깨셨나..?? 2점 !!";
if (responseTime >=1)
responseString="뭐야? 자지 말아요 ! 0000 점 !!!";
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("클릭속도 : " + responseTime + " 초 " + "\n" + remark(responseTime));
startPressed=false;
bgChangeStarted=false;
}
else
{
if (!startPressed)
{
alert("먼저 시작버튼을 클릭 하세요");
}
else
{
clearTimeout(timerID);
startPressed=false;
alert("이런! 색깔이 나타나면 누르셔야져..");
}
}
}
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("멈춤 버튼 누를 차례에요");
return;
}
else
{
startPressed=true;
timerID=setTimeout('startTest()', 6000*randNumber());
}
}
// -->
</script>
<br>
</div>
<ilayer id="reflexns" width=135; height=135; left="427" top="8">
<center>
<layer id="reflexns_sub" width=135; height=135; left=1 top=1 bgColor=yellow></layer>
</center>
</ilayer>
<form name="response">
<div align="center">
<input type="button" value=" 시작 " onClick="startit()" style="font-weight:bold">
<input type="button" value=" 멈춤 " onClick="stopTest()" style="font-weight:bold">
</div>
</form><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 777 | 19년 전 | 2820 | ||
| 776 | 19년 전 | 2886 | ||
| 775 | 19년 전 | 3991 | ||
| 774 |
|
19년 전 | 1958 | |
| 773 | 19년 전 | 2614 | ||
| 772 | 19년 전 | 2319 | ||
| 771 | 19년 전 | 3452 | ||
| 770 |
|
19년 전 | 1413 | |
| 769 | 19년 전 | 1476 | ||
| 768 | 19년 전 | 1755 | ||
| 767 | 19년 전 | 2201 | ||
| 766 | 19년 전 | 1825 | ||
| 765 | 19년 전 | 1685 | ||
| 764 |
|
19년 전 | 2096 | |
| 763 |
|
19년 전 | 2193 | |
| 762 |
|
19년 전 | 4950 | |
| 761 | 19년 전 | 2316 | ||
| 760 |
|
19년 전 | 3178 | |
| 759 | 19년 전 | 2636 | ||
| 758 |
|
19년 전 | 2395 | |
| 757 | 19년 전 | 4687 | ||
| 756 | 19년 전 | 2548 | ||
| 755 |
|
19년 전 | 2392 | |
| 754 |
|
19년 전 | 1926 | |
| 753 |
|
19년 전 | 1714 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기