×

วิดเจ็ตนาฬิกาฟรีและปรับแต่งได้สำหรับเว็บไซต์ของคุณเอง

ต้องการนำนาฬิกาที่ถูกต้องไปใช้บนเว็บไซต์ของคุณเองหรือ? หรือวันที่ของวันนี้ เวลาที่ดวงอาทิตย์ขึ้น เวลาที่ดวงอาทิตย์ตก หรือความยาววันล่ะ? เพียงเลือกจากตัวเลือกด้านล่างนี้และคัดลอกโค้ด! มันฟรี!

ตัวเลือก

ตำแหน่ง
นครนิวยอร์ก, สหรัฐอเมริกา
สำหรับตำแหน่งอื่น โปรดใช้กล่องค้นหาที่อยู่บริเวณมุมขวาบน
สิ่งที่จะแสดง




รูปแบบเวลา



รูปแบบวันที่




 
วัน:
daynameอังคาร
dnameอ.
daynum01-31
dnum1-31
day_in_yวัน 1-366
สัปดาห์:
weekสัปดาห์ 48
เดือน:
monthnameพฤศจิกายน
monthnum01-12
mnum1-12
ปี:
year2021
yy21
สีและขนาด
px
ผลลัพธ์ที่จะปรากฏ
เวลาใน นครนิวยอร์ก:
ผลลัพธ์สุดท้ายอาจแตกต่างไปตามสไตล์ชีตที่อยู่บนเว็บเพจของคุณ
คุณสามารถปรับเปลี่ยนลักษณะของวิดเจ็ตได้ตามที่คุณต้องการด้วย CSS

นี่คือโค้ดสำหรับวิดเจ็ตนาฬิกาเว็บของคุณเอง:

เงื่อนไขการใช้งาน

การใช้ขั้นสูง

มีสคริปต์วิดเจ็ตอยู่ 2 ประเภท: เวอร์ชันแบบง่าย (t.js) ซึ่งแสดงเฉพาะเวลาเท่านั้น และสคริปต์ของวิดเจ็ตหลัก (th.js) ซึ่งสามารถแสดงเวลา วันที่ เวลาที่ดวงอาทิตย์ขึ้น เวลาที่ดวงอาทิตย์ตก และความยาววันได้ สคริปต์ของวิดเจ็ตหลักพร้อมใช้งานในหลายภาษา เมื่อต้องการใช้ภาษาอื่น ให้แทนที่ th ในชื่อสคริปต์ด้วยโค้ดสำหรับภาษาที่ต้องการ (ตัวอย่างเช่น pl.js สำหรับภาษาโปแลนด์ หรือ tr.js สำหรับภาษาตุรกี)

พารามิเตอร์สำหรับฟังก์ชัน init:

พารามิเตอร์คีย์เวิร์ดที่ใช้ได้ค่าดีฟอลต์
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
callbackชื่อฟังก์ชันที่จะถูกเรียกทุกๆ วินาที ซึ่งมีเทมเพลตที่เรนเดอร์แล้วเป็นพารามิเตอร์ (ไม่บังคับ)

ชื่อและคีย์เวิร์ดของพารามิเตอร์ต้องตรงตามอักษรพิมพ์ใหญ่-เล็ก คุณสามารถใช้ 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/th.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 จะถูกรับมา ซึ่งคุณไม่ต้องระบุค่าเหล่านั้นซ้ำหากค่าเหมือนกับวิดเจ็ตที่กำหนดไว้ก่อนหน้านั้น

 
 
วันอังคารที่ 30 พฤศจิกายน 2021 สัปดาห์ 48
ดวงอาทิตย์: ↑ 07:00 ↓ 16:30 (9ชม 30นาที) ข้อมูลเพิ่มเติม