|
   홈페이지 |
15년 전
|
<HTML>
<HEAD>
<TITLE>카렌다 만들기</TITLE>
<!-- <head>태그 안에 다음 스크립트를 삽입한다. -->
<SCRIPT LANGUAGE="JavaScript">
<!--
// 시간을 읽어와서 오전/오후로 브라우저에 보여줄 수 있게 해줍니다.
function get_Time()
{
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
var ampm
now = null
//getHour() 메소드는 오전/오후 형태로 시를 출력할 수 없습니다. 왜냐하면 12시 이후부터는 13, 14
//이런 식으로 출력이 되기 때문입니다. 따라서 12보다 크면 12를 빼주면 되고 그것을 오후라는 문자열을
//붙여주면 됩니다. 시가 0시인 경우에는 12로 만들어 주므로 0시가 나오지 않게 합니다.
//오전/오후 형태의 시를 만들어 줍니다.
if (hour >= 12) {
hour -= 12
ampm = "오후"
} else
ampm = "오전"
hour = (hour == 0) ? 12 : hour
//10보다 작으면 0을 붙여줍니다.
if (minute < 10)
minute = "0" + minute
return ampm + hour + ":" + minute
}
//월의 마지막 일을 알아내기 위해서 get_day()라는 함수를 만들었습니다. 매개변수로 월과 년을 받고
//최종적으로 마지막 일을 반환합니다.
// 년과 달을 받아서 마지막 일을 알아 냅니다.
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
else
Mon2 = false
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=#F0F0F0>"
text += "<FONT COLOR=midnightblue SIZE=+3 >"
// 년과 월을 출력합니다.
text += year + "년 " + (monthName + 1) + "월"
text += "</FONT>"
text += "</TH>"
var openCol = "<TD BGCOLOR=#FFEFFF 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) 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 >
<!-- <body>와 </body>사이에 다음을 삽입한다 -->
<SCRIPT LANGUAGE="JavaScript">
<!--
var now = new Date()
var year = now.getYear()
var month = now.getMonth()
var date = now.getDate()
var my_text
now = null
// 익스플로러가 아니면 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> |
|
 추천 : 470
|
추천
목록
|
|
아리랑가요(무료음악채널)
okTrot(무료음악채널)
전통가요(무료음악채널)
미스트롯(무료음악채널)
동영상노래방
