웹마스터 팁
2005/10/16 21:15 pm 형식으로 출력되는 시계
2005.10.18 13:23
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>2005/10/16 21:15
</title>
<meta name="generator" content="Namo WebEditor v5.0">
<SCRIPT LANGUAGE="JavaScript">
<!--
function clock() {
if (!document.layers && !document.all) return;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var amOrPm = "AM";
if (hours == 0) hours = 12;
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
if (document.layers) {
document.layers.pendule.document.write(dispTime);
document.layers.pendule.document.close();
}
else
if (document.all)
pendule.innerHTML = dispTime;
setTimeout("clock()", 1000);
}
// -->
</script>
</head><body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" onLoad="clock();">
<table cellpadding="0" cellspacing="0" width="191">
<tr>
<td width="79">
<p><script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()+1
if (month<10)
month="0"+month
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
document.write(""+year+"/"+daym+"/"+month+"")
</script></p>
</td>
<td width="112">
<p></p>
<div id="pendule"> </div> </td>
</tr>
</table>
</body>
</html>
여기 줏어다가 짜보았답니다.
그렇다고 쓰레기는 아니죠....ㅎㅎ 그람 수고! ☞ ¤ - ® - ▦ 퍽!퍽!퍽!들어가있어!
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>2005/10/16 21:15
</title>
<meta name="generator" content="Namo WebEditor v5.0">
<SCRIPT LANGUAGE="JavaScript">
<!--
function clock() {
if (!document.layers && !document.all) return;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var amOrPm = "AM";
if (hours == 0) hours = 12;
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
if (document.layers) {
document.layers.pendule.document.write(dispTime);
document.layers.pendule.document.close();
}
else
if (document.all)
pendule.innerHTML = dispTime;
setTimeout("clock()", 1000);
}
// -->
</script>
</head><body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" onLoad="clock();">
<table cellpadding="0" cellspacing="0" width="191">
<tr>
<td width="79">
<p><script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()+1
if (month<10)
month="0"+month
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
document.write(""+year+"/"+daym+"/"+month+"")
</script></p>
</td>
<td width="112">
<p></p>
<div id="pendule"> </div> </td>
</tr>
</table>
</body>
</html>
여기 줏어다가 짜보았답니다.
그렇다고 쓰레기는 아니죠....ㅎㅎ 그람 수고! ☞ ¤ - ® - ▦ 퍽!퍽!퍽!들어가있어!
댓글 5
-
수니
2005.10.18 20:18
-
수니
2005.10.18 20:27
참..사실 원래 구현하고자 하는건..
현재시각 뒤에 이어서 역으로 계산하는 시간 까지 같이 할려고 한거였는데..
2005/10/16 21:15 pm // 우리 만난지 100일 되는 날입니다..<= 요렇게..ㅎㅎ
'우리 만난지 100일 되는 날입니다'하는 소스는 찾아서 적용해보니 되더라구요..
그런데 현재시각 나오는 소스를 못찾겠길래 도움을 요청한건데요..
가능하면 두 소스가 같이 나오게 할수있으면 더욱 좋겠네요..
으..뻔뻔..브끄...후다닥 =3 =3 =33 -
워니
2005.10.18 19:28
넷스와 익스가 아니면 먹히지 않는군요 ;;
전 브라우저용 소스를 만들어 보았습니다 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Clock</title>
<script type="text/javascript">
<!--
// <![CDATA[
var tobj = null;
function clock()
{
var dtime = new Date();
var year = dtime.getFullYear();
var month = dtime.getMonth() + 1;
var day = dtime.getDate();
var hour = dtime.getHours();
var minute = dtime.getMinutes();
var second = dtime.getSeconds();
var ptime = 'A.M.';
if(hour > 11) ptime = 'P.M.';
if(!hour) hour = 12;
if(hour > 12) hour -= 12;
if(month < 10) month = '0' + month;
if(day < 10) day = '0' + day;
if(minute < 10) minute = '0' + minute;
if(second < 10) second = '0' + second;
var outstring = year + '+ '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second + ' ' + ptime;
var obj = document.getElementById('spn_time');
if(tobj)
obj.removeChild(tobj);
tobj = document.createTextNode(outstring);
obj.appendChild(tobj);
}
window.onload = function(e) { setInterval('clock();', 200); }
// ]]>
//-->
</script>
</head>
<body>
<div>
<span id="spn_time"></span>
</div>
</body>
</html> -
워니
2005.10.19 21:36
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Clock</title>
<script type="text/javascript">
<!--
// <![CDATA[
var tobj = null;
var start = new Date('2005 September 3'); // 이 부분에 날짜를 넣어주세요 (예제 형식으로).
start = parseInt(start.getTime() / 86400000);
function clock()
{
var dtime = new Date();
var year = dtime.getFullYear();
var month = dtime.getMonth() + 1;
var day = dtime.getDate();
var hour = dtime.getHours();
var minute = dtime.getMinutes();
var second = dtime.getSeconds();
var elapsed = parseInt(dtime.getTime() / 86400000) - start;
var ptime = 'A.M.';
if(hour > 11) ptime = 'P.M.';
if(!hour) hour = 12;
if(hour > 12) hour -= 12;
if(month < 10) month = '0' + month;
if(day < 10) day = '0' + day;
if(minute < 10) minute = '0' + minute;
if(second < 10) second = '0' + second;
var outstring = year + '+ '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second + ' ' + ptime + ' // 우리 만난지 ' + elapsed + '일 되는 날입니다';
var obj = document.getElementById('spn_time');
if(tobj)
obj.removeChild(tobj);
tobj = document.createTextNode(outstring);
obj.appendChild(tobj);
}
window.onload = function(e) { setInterval('clock();', 200); }
// ]]>
//-->
</script>
</head>
<body>
<div>
<span id="spn_time" style="font-family: Tahoma, Verdana, Sans-serif; font-size: 9pt;"></span>
</div>
</body>
</html>
그... 그런 거였나요... -;
뭐 이정도면 되실듯? -
수니
2005.10.20 20:57
^^*
오홋..너무너무 감사합니다.
추천 꾸악~꾸악~꾸악~ 여러번 눌러도 안될테니까 한번만 ^^*
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [동영상강좌] 제13회차 - [문법] 출력문 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제12회차 - [문법] 자바스크립트의 구조 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제11회차 - 마우스를 올려 테두리 나오게 하기 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제10회차 - F11키 처럼 창키우기 [1] | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제9회차 - 메시지창(문서열때,닫을때,클릭시) | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제8회차 - 뒤로가기/앞으로가기 만들기 [1] | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제7회차 - 롤오버기능 만들기 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제6회차 - 시간별로 배경이 바뀌게 만드는방법 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제5회차 - 풀스크린으로 링크거는방법 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제4회차 - 풀다운메뉴 만드는방법 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제3회차 - 자동으로 창열고닫기 | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제2회차 - 팝업창 띄우기 [1] | 아이티스터디 | 2006.02.02 |
| [동영상강좌] 제1회차 - 랜덤광고 만들기 [1] | 아이티스터디 | 2006.02.02 |
| 새창으로 페이지열기에 대한... [2] | 나만의길 | 2006.01.04 |
| 홈페이지 만드실때 방문자의 해상도가 걱정 되신다면 [5] | 한용 | 2005.11.11 |
| 주소창에 경로감추기 [5] | ☆쭈야☆ | 2005.10.29 |
| 임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
| 2005/10/16 21:15 pm 형식으로 출력되는 시계 [5] | 웹-하루 | 2005.10.18 |
| 클릭으로 배경색 바꾸는 스크립트(수정) [1] | ColonD | 2005.10.16 |
| 배경색 랜덤으로 바꾸는 스크립트 [1] | ColonD | 2005.10.15 |
두분 모두 감사합니다..
한데.. 폰트 크기 조절이 안되더라구요..
폰트크기 조절을 할순없나여?