사용자 설정 가능한 웹사이트용 무료 시계 위젯

당신의 웹사이트에 정확한 시계가 필요하세요? 아니면, 오늘의 날짜나, 해뜨는 시간, 해 지는 시간이나 낮의 길이가 필요하세요? 아래에서 선택하여 코드를 복사하세요! 무료입니다!

설정

지역
뉴욕, 미국
다른 지역을 원하시면, 오른쪽 위의 검색란을 이용해주세요.
보여줄 항목




시간표시방법



날짜표시방법




 
일:
dayname목요일
dname목요일
daynum01-31
dnum1-31
day_in_y일 1-366
주:
week주 50
월:
monthname12월
monthnum01-12
mnum1-12
년:
year2024
yy24
색상 및 크기
px
보여줄 방식
뉴욕 시간:
최종 결과물은 웹페이지의 스타일시트에 따라 다를 수 있습니다.
CSS로 어떤 모양이든지 원하는 대로 꾸미실 수 있습니다.

당신만의 시계 위젯 코드입니다:

이용 약관

고급 사용

두가지 위젯 스크립트가 있습니다: 간단한 버전 t.js은 시간만 출력하며, 메인 위젯 스크립트인 ko.js는 시간, 날짜, 일출시간, 일몰시간, 낮의 길이를 출력할 수 있습니다. 메인 위젯 스크립트는 다양한 언어로 제공됩니다. 다른 언어를 원하시면, 스크립트 이름의 ko 을 원하는 언어로 변경하세요. (예: pl.js 는 폴란드어, tr.js는 터키어)

초기화 함수 설정값

설정값정상적인 키워드기본값
templateTIME, DATE, SUNTIME
time_formathours, minutes, seconds, 12hours, AMPMhours:minutes:seconds
date_formatdayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, yearyear-monthnum-daynum
sun_formatsrhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutessrhour:srminute-sshour:ssminute
coords지역의 위도와 경도입니다. 일출, 일몰시간과 낮의 길이를 출력하는데 필요합니다.
id지역과 시간대를 서버측에서 확인하는데 사용합니다. 지역명이 비 ASCII 문자를 포함하고 있거나 HTML 요소 id를 변경할 경우 필요합니다.
callbacktemplate을 파라미터로 매 초마다 호출될 함수명 (선택)

파라미터명과 키워드는 대소문자를 구분합니다. HTML 및 다른 내용물을 template, time_format, date_format, sun_format 파라미터에 사용할 수 있습니다.

여러개의 시계는 이렇게 생성할 수 있습니다:

UTC time: <span id="UTC_za00"></span><br/>
New York sunrise time: <span id="New_York_z161"></span><br/>
Tokyo sunrise time: <span id="Tokyo_z444"></span><br/>
Find the <a href="https://time.is/" id="time_is_link" rel="nofollow">current time for any location or time zone on Time.is!</a>
<script src="//widget.time.is/ko.js"></script>
<script>
time_is_widget.init({
	UTC_za00 : {},
	New_York_z161 : {
		template: "SUN",
		sun_format: "srhour:srminute",
		coords: "40.71427,-74.00597"
		},
	Tokyo_z444 : {
		coords: "59.33258,18.06490"
		}
	});
</script>

결과:

UTC time:
New York sunrise time:
Tokyo sunrise time:
Find the current time for any location or time zone on Time.is!

time_format, date_format, sun_format, template 값은 상속되므로, 이전 위젯과 같은 값인 경우 반복할 필요가 없습니다.

 
 
12월 12일, 2024년, 목요일, 주 50