E07.04. 체크박스 선택하기

10초 동안 체크박스 선택한 수를 겨룹니다.

10초 동안 체크박스를 얼마나 많이 선택할 수 있나를 겨루는 게임입니다. 시간을 변화시키려면 startTime 부분을 10000에서 다른 수치로 바꾸면 됩니다. 1000이 1초이므로 20초로 하려면 20000으로 설정하면 되겠죠.

www.X119.com 태그 연습장

<HTML>
<HEAD>
  <TITLE> X119.co.kr - E07.04. 체크박스 선택하기 </TITLE>
  <META name="Description" Content="[자바스크립트 이야기] 책에 수록하지 못한 자바스크립트 관련 문법 설명과 예제 내용. 자바스크립트 예제">
  <META name="Keywords" Content="김중태, www.X119.co.kr, 자바스크립트 이야기, java script 예제, 자바스크립트 소스 파일, 초보자를 위한 자바스크립트 입문, 태그 연습장, 화면 해상도 보여주기"> 
<SCRIPT LANGUAGE="JavaScript">
<!--// Copyright (c) 1996 Tomer Shiran. All rights reserved.
// Permission given to use this script provided that the copyright
// notice remains as is. Additional scripts and information are 
// available at http://www.geocities.com/SiliconValley/9000/
// assign initial values to global variables
var total = 0
var play = false
// react to a click in a checkbox (element == clicked checkbox object)

function display(element) {	
	// assign instance of Date object representing current time	
		var now = new Date()	
	// if the game has not started yet	
		if (!play) {		
	// game starts now		
		play = true		
	// milliseconds since 1970 for time at beginning 		
		startTime = now.getTime()	
	}	
	// startTime의 수치를 조절하면 시간 조절 가능. 1000이 1초임.	
		if (now.getTime() - startTime > 10000) {		
			// reject modification (make "read-only")		
				element.checked = !element.checked		
			// terminate function		
			return	
		}	
	// if the clicked checkbox is now checked	
		if (element.checked)		
			// increment total		
				total++
		else		
			// decrement total		
				total--	
			// display total in text object	
				element.form.num.value = total
}

function restart(form) {	
	// set global variables back to initial values	
		total = 0	
		play = false	
	// uncheck all 100 checkboxes	
		for (var i = 1; i <= 100; ++i) {		
			// uncheck current checkbox		
				form.elements[i].checked = false	
		}
}
// -->
</SCRIPT>
</HEAD>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<CENTER> 
<TABLE width="640" border="0" cellspacing="2" cellpadding="2">
<TR> 
<TD align="center" valign="middle" height="24" bgcolor="orange">
<FONT size="4" color="white">
** 게임 설명 **
</FONT>
</TD></TR>
<TR><TD bgcolor="cornsilk">
1. 10초 안에 얼마나 많은 체크박스에 체크하느냐를 겨루는 게임입니다.
<BR>
2. 마우스 감각을 높여주는 게임입니다.
 
</TD></TR>
</TABLE>
</CENTER>

</BODY>
</HTML>