시간/달력
시간 또는 날자, 달력을 제어하는 자바스크립트 소스 예제들을 모아 두었습니다.
[1] 소스수정 문의 입니다 [Preview]
수고하십니다
시간/달력 소스의 39번 "1일부터 31일 까지 날짜별로 다른 페이지를 띄워주는 스크립트"
에서 해당일자에 클릭없이 자동으로 페이지 이동되게 소스 수정좀 부탁드립니다
수고하세요
[2] 1일부터 31일 까지 날짜별로 지정된 페이지로 자동 이동하거나 새창을 여는 스크립트 [Preview]
1일부터 31일 까지 날짜별로 지정된 페이지나 지정된 URL 주소로 페이지를 바꾸어 줍니다.
페이지가 불려지면 자동으로 날짜에 대응하는 변수의 페이지로 이동하게 됩니다.

새창으로 열고 싶은 경우 이부분을
window.location=daylinks[today];
//f_window(daylinks[today],800,600);

이렇게 바꾸면 됩니다.
//window.location=daylinks[today];
f_window(daylinks[today],800,600);




[3] 페이지 로딩 시간을 알 수 있습니다. [Preview]
페이지 로딩 시간을 표시하는 소스입니다..

해당 소스에는 onload를 이용했는데.
window::onload()
란 명령은 자스 시스템 함수로 페이지 로딩이 완전히 끝났을시
자동으로 수행되게 됩니다.
그러니. 페이지 로딩 시간을 구할 수 있습니다.

아, 이 winoow::onload()는, (보통)body에 붙는 onload와는 다르게 동작합니다.
즉, 1개의 페이지에 2개의 onload가 동작할 수 있습니다.
[4] 날짜표시 Showdate()입니다. [Preview]
날자표시 Showdate()입니다.

날짜 표시때 자스코드를 js파일로 만들어두고
필요시마다 호출해서 쓰면 유용할거 같네요.. ^^

아.. DateFormat_Command란 변수는 제가 추가한 부분으로
원래는 return에 1라인으로 길게 되어있는걸 짧게 할려고 한겁니다. ;;
[5] 날자 선택기 입니다. [Preview]
질문의 예제 소스를 만들어 보면서 괜찮다 싶어서 만들어 봤습니다..

날자를 선택하고 "입력"버튼을 누르면 select박스 아래에 있는 폼에
선택된 날자가 들어갑니다..

그리고 select박스 위는 입력칸의 갯수로 원하는 갯수를 적고 "적용"버튼을 누르면
그 갯수대로 입력칸이 생깁니다.
[6] 년도와 월(month) 변경이 가능한 윈도우 달력입니다. [Preview]
년도와 월(month) 변경이 가능한 윈도우 달력이며
오늘 날자가 표시됩니다..
[7] 띵글님의 "특정일까지의 남은시간(경매)" 소스를 일부 수정한 소스입니다. [Preview]
게시판 부분의 스크립트 자랑하기 게시판에 띵글님이 올리신 소스를
제가 일부분 수정하여 innerHTML을 이용해서 시간을 표시하게끔 바꿨습니다...

소스를 올려주신 띵글님께 감사드립니다.. ^^
[8] 아날로그 시계가 나오는 소스 [Preview]


<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
pX = 100;
pY = 100;
obs = new Array(13);
function ob() {
for (i = 0; i < 13; i++) {
if (document.all) obs[i] = new Array (eval('ob'+i).style,-100,-100);
else obs[i] = new Array (eval('document.ob'+i),-100,-100);
}
}
function cl(a, b, c) {
if (document.all) { < .....
[9] 월.일 만으로 지정된 날에 특정한 페이지로 이동하게 하는 소스 [Preview]
생일같은 날이나
등록한날 등에 대한 이벤트시 사용하면
괜찮을거 같아서 만들어 봤습니다.

스크립트 안에서서 월과 날짜를 지정해주면
해당되는 날짜에 새로운 창을 띄우고 지정된 주소를 갑니다.
[10] 13일의 금요일을 검색하는 소스입니다. [Preview]
13일의 금요일을 검색하는 소스입니다...

일부 소스를 수정했구요 수정된 부분은 전부 원래의 소스나 메세지를 주석으로 붙였습니다...

그럼..
[11] 연결된 라인의 속도를 측정하는 함수 [Preview]
<script language="JavaScript">
<!--
var start = new Date();
var xstart = start.getTime();
function rabbit()
{
var finish = new Date();
var xfinish = finish.getTime();
var secs = (xfinish-xstart)/1000;
var bytes = 101018;
var bits = 101018*8
var lTime = bits/secs
var kbps = bits/secs;
alert("The file size in BYTES is: "+bytes+"\n\nThe file siz .....
[12] 오른쪽과 왼쪽에붙는 코너시계입니다. [Preview]
시계가 왼쪽과 오른쪽에 선택에 따라서 시계의 위치가 바뀌는 소스 입니다.


소스에서 위치를 1로 적으면 좌측 상단에 붙으며
2로 적으면 우측 상단에 붙습니다..
[13] 특정한 날짜까지 카운트 다운하는 소스네요. [Preview]
약간 로직상 부모님이 같은날 생일인 경우는 처리를 못하지만
응용하시면 수정이 가능할겁니다.
자신의 홈페이지에 부모님을 위해서 또는 자신이 잊으먹지 않으려면 아쭈 깜찍한 방법중에 하나겠네요. ^*^

또 애인생일 카운트 다운해놓으면 무지 이뻐하겠죵......힝

[14] 마우스 따라다니는 아나로그시계 [Preview]
시계를 보여주는 레이어가 마우스와 메인 페이지 사이에 위치하게 되어
입력 박스나 링크의 클릭이 정상적으로 동작되도록 고쳤습니다.
[15] 마우스에 따라다니는 시간과 요일 입니다. [Preview]
마우스를 따라다는 시간과 요일 입니다..
날자는 원을 그리며 놀아가며 꽤 괞찮은 소스 입니다..

[16] 8개국 시각 소스 입니다.. [Preview]
8개국 시각입니다.
소스는 상당히 괜찮더군요.. ^^

소스 수정도 비교적 쉽게 되어있지만..
제가 시간 설정 부분에서 어떻게 이루어지는지 이해를 못했습니다.. ^^;;
에궁..

그럼..
[17] 마우스를 따라 다니는 아날로그 시계입니다. [Preview]
시계 주위로 요일과 년도 그리고 날짜가 나옵니다.

[18] 웹페이지안에 넣을수 있는 아날로그 시계입니다. [Preview]
웹 서핑중에 발견했는데.
소스가 아주 깔끔하네요. 미리보기하시면 됩니다.
[19] 인터넷 시계 [Preview]
인터넷 시계라는데..
어떻게 보는건지 모르겠네요.. ^^

인터넷 시계는 골뱅이 뒤에 있는 3자리 숫자 입니다..

그리고 제가 시계를 나타내는 형식을 영어와 한글 두가지로 수정 했습니다..
사용하실 형식을 선택하시고 사용하지 않는 형식은 주석으로 바꿔 주시기 바라며
또 아래 보시면 형식에따라 브라우저에 나타내는 형식도 바꿔주시기 바랍니다.
[20] 이미지로 만들어진 달력 [Preview]
43(월 12개 , 일 31개)개의 이미지로 이루어진 달력입니다.

개인적으로 제가 좋아하는 소스입니다. ^^
    [1] [2] [3]    
Javascript Source List :