묻고답하기
디지털 시계를 넣으려합니다.
2004.04.01 04:49
<html>
<head>
<title>무제 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<BODY onLoad="DigitalTime()">
<SPAN id="liveclock" style="position:absolute;left:481px;top:151px;width:150px;height:50px;">
</SPAN>
<SCRIPT language="JavaScript">
<!-- 시계
function DigitalTime()
{
if (!document.layers && !document.all)
return
var DigitalClock = new Date();
var hours = DigitalClock.getHours();
var minutes = DigitalClock.getMinutes();
var seconds = DigitalClock.getSeconds();
var dn = "AM";
if (hours > 12)
{
dn = "PM";
hours = hours - 12;
}
if (hours == 0)
hours = 12;
if (minutes <= 9)
minutes = "0" + minutes;
if (seconds <= 9)
seconds = "0" + seconds;
//change font size here to your desire
digclock = "<font size='3' face='Arial' color='#FF9900'><b>" +
"<font size='1'>Now..</font></br>" +
hours + ":" + minutes + ":" + seconds + " " + dn + "</a></b></font>";
if (document.layers)
{
document.layers.liveclock.document.write(digclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML = digclock;
setTimeout("DigitalTime()",1000)
}
//-->시계끝
</script>
</body>
</html>
-----------------------------
위 소스는 우연히 nzeo 에서 발견한 디지털시계입니다.
우선 설치는 해놨는데
아쉬운게 시간만 나오고 날짜는 안나오더군요.
년,월,일. 가능하다면 요일도 나오게 하고싶은데요.
가능한가요? 가능하다면 어찌해야할지..
도움 부탁드립니다
<head>
<title>무제 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<BODY onLoad="DigitalTime()">
<SPAN id="liveclock" style="position:absolute;left:481px;top:151px;width:150px;height:50px;">
</SPAN>
<SCRIPT language="JavaScript">
<!-- 시계
function DigitalTime()
{
if (!document.layers && !document.all)
return
var DigitalClock = new Date();
var hours = DigitalClock.getHours();
var minutes = DigitalClock.getMinutes();
var seconds = DigitalClock.getSeconds();
var dn = "AM";
if (hours > 12)
{
dn = "PM";
hours = hours - 12;
}
if (hours == 0)
hours = 12;
if (minutes <= 9)
minutes = "0" + minutes;
if (seconds <= 9)
seconds = "0" + seconds;
//change font size here to your desire
digclock = "<font size='3' face='Arial' color='#FF9900'><b>" +
"<font size='1'>Now..</font></br>" +
hours + ":" + minutes + ":" + seconds + " " + dn + "</a></b></font>";
if (document.layers)
{
document.layers.liveclock.document.write(digclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML = digclock;
setTimeout("DigitalTime()",1000)
}
//-->시계끝
</script>
</body>
</html>
-----------------------------
위 소스는 우연히 nzeo 에서 발견한 디지털시계입니다.
우선 설치는 해놨는데
아쉬운게 시간만 나오고 날짜는 안나오더군요.
년,월,일. 가능하다면 요일도 나오게 하고싶은데요.
가능한가요? 가능하다면 어찌해야할지..
도움 부탁드립니다
댓글 2
-
최영곤
2004.04.01 12:35
-
최영곤
2004.04.01 12:35
<html>
<head>
<title>무제 문서</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</HEAD>
<BODY onLoad="DigitalTime()">
<SPAN id="liveclock" style="position:absolute;left:481px;top:151px;width:200px;height:50px;">
</SPAN>
<SCRIPT language="JavaScript">
<!-- 시계
function DigitalTime()
{
if (!document.layers && !document.all)
return
var DigitalClock = new Date();
// $ modified by +GONE+2004.04.01+yunggon@edunet4u.net+
// 년도,월,일, 요일 추가
var year = DigitalClock.getFullYear();
var month = DigitalClock.getMonth() + 1;
var date = DigitalClock.getDate();
var day = DigitalClock.getDay();
var hours = DigitalClock.getHours();
var minutes = DigitalClock.getMinutes();
var seconds = DigitalClock.getSeconds();
var dn = "AM";
if (hours > 12)
{
dn = "PM";
hours = hours - 12;
}
if (hours == 0)
hours = 12;
if (minutes <= 9)
minutes = "0" + minutes;
if (seconds <= 9)
seconds = "0" + seconds;
// 영문으로 날짜 변환
switch(day){
case 0 :
day = "sun";
break;
case 1 :
day = "mon";
break;
case 2 :
day = "tue";
break;
case 3 :
day = "wed";
break;
case 4 :
day = "thu";
break;
case 5 :
day = "fri";
break;
case 6 :
day = "sat";
break;
}
//change font size here to your desire
digclock = "<font size='3' face='Arial'+ '+ ' color='#FF9900'><b>" +
"<font size='1'>Now..</font></br>" +
year + "/" + month + "/" + date + "(" + day + ") " + hours + ":" + minutes + ":" + seconds + " " + dn + "</a></b></font>";
if (document.layers)
{
document.layers.liveclock.document.write(digclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML = digclock;
setTimeout("DigitalTime()",1000)
}
//-->시계끝
</script>
</body>
</html>
원리는
var hours = DigitalClock.getHours();
var minutes = DigitalClock.getMinutes();
var seconds = DigitalClock.getSeconds();
부분처럼 시, 분, 초를 받아온거 같이 년, 월, 일, 요일을 변수에 넣으시면 되구요
선언한 변수를 보여주기 위해서 작성한
digclock = "<font size='3' face='Arial' color='#FF9900'+ '+ '><b>" +
"<font size='1'>Now..</font></br>" +
hours + ":" + minutes + ":" + seconds + " " + dn + "</a></b></font>";
부분에 변수를 끼워 넣으시면 됩니다.