묻고답하기
자바스크립 달력 만들기에서 null 값, 그리고 i++과 ++i의 차이점은?
2006.05.12 16:17
달력만드는 건데요
처음부분에
now=null
마지막부분에
firstDayInstance = null
이렇게 null을 넣어주는 이유가 뭔가요?
이부분 없이 실행시켜 보면 아무 이상없이 잘 돌아 가던데
어떤경우에 null을 집어넣어야 하는지요........................
그리고
for(i=1; i<=100; i++)과
for(i=1; i<=100; ++i)의 차이점은 무엇인가요???
<HEAD> <TITLE> 달력 만들기 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function get_Time()
{
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
var ampm
now = null
if (hour >= 12)
{
hour -= 12
ampm = "오후"
}
else
ampm = "오전"
hour = (hour == 0) ? 12 : hour
if (minute < 10)
minute = "0" + minute
return ampm + hour + ":" + minute
} // 시간을 읽어와서 '오전/오후 시:분' 형태로 구해주는 함수
function get_Day(year, month)
{
var Last_Mon = new Array(31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31)
var Mon2
if (year % 4 == 0)
Mon2 = true
if (year %100 ==0)
Mon2=false
if (year %400 ==0)
Mon2=true
// ==>윤년 체크
Last_Mon[1] = (Mon2) ? 29 : 28
return Last_Mon[month]
} // 년과 월을 받아서 마지막 일을 계산해주는 함수
// table을 이용하여 달력을 만들어 줍니다.
function drawCal(firstDay, lastDate, date, year, monthName)
{
var text = ""
text += "<CENTER>"
text += "<TABLE>"
text += "<TH COLSPAN=7 BGCOLOR=#FFFFCC>"
text += "<FONT COLOR=midnightblue SIZE=+3 >"
// 년과 월을 출력합니다.
text += year + "년 " + (monthName + 1) + "월"
text += "</FONT>"
text += "</TH>"
var openCol = "<TD BGCOLOR=#FFEEFF WIDTH=45 HEIGHT=40> "
openCol += "<FONT COLOR=darkblue> "
var closeCol = "</FONT></TD>"
text += "<TR ALIGN=center VALIGN=center>"
var weekDay = new Array("일", "월", "화", "수", "목", "금", "토")
// 달력의 일, 월, 화, 수, 목, 금, 토, 일을 출력합니다.
for (var dayNum = 0 ; dayNum <= 6 ; dayNum++)
text += openCol + weekDay[dayNum] + closeCol
text += "</TR>"
var digit = 1
var curCell = 1
// 달력 표를 만들어 줍니다.
for (var row = 1 ; row <= Math.ceil((lastDate + firstDay - 1) / 7) ; row++)
{
text += "<TR ALIGN=right VALIGN=top BGCOLOR=#FFEFEE>"
for (var col = 1; col <= 7; col++)
{
if (digit > lastDate)
{
n=(Math.ceil((lastDate + firstDay - 1) / 7))*7-(curCell+lastDate-1)
for(var i=1 ; i<=n ; i++)
text += "<TD> </TD>"
break
}
if (curCell < firstDay)
{
text += "<TD> </TD>"
curCell++
}
else
{
if (digit == date)
{
text += "<TD HEIGHT=40>"
text += "<FONT COLOR=Red>"
text += digit
text += "</FONT><BR>"
text += "<FONT COLOR=purple SIZE=2>"
text += "<CENTER>" + get_Time() + "</CENTER>"
text += "</FONT>"
text += "</TD>"
}
else
text += "<TD HEIGHT=40>" + digit + "</TD>"
digit++
}
}
text += "</TR>"
}
text += "</TABLE>"
text += "</CENTER>"
return text
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var now = new Date()
var year = now.getYear()
var month = now.getMonth()
var date = now.getDate()
var my_text
// 익스플로러가 아니면 '1900'을 'year'에 붙여 줍니다.
if(navigator.userAgent.indexOf("MSIE") == -1)
year= 1900 + year
var firstDayInstance = new Date(year, month, 1)
var firstDay = firstDayInstance.getDay()+1
firstDayInstance = null
var days = get_Day(year,month) // 달의 마지막 일을 구합니다.
my_text = drawCal(firstDay, days, date, year, month)
// 최종적으로 만들어진 HTML문서를 브라우저에 출력합니다.
document.write(my_text)
// -->
</SCRIPT>
</BODY>
</HTML>
