วิดเจ็ตนาฬิกาฟรีและปรับแต่งได้สำหรับเว็บไซต์ของคุณเอง
ต้องการนำนาฬิกาที่ถูกต้องไปใช้บนเว็บไซต์ของคุณเองหรือ? หรือวันที่ของวันนี้ เวลาที่ดวงอาทิตย์ขึ้น เวลาที่ดวงอาทิตย์ตก หรือความยาววันล่ะ? เพียงเลือกจากตัวเลือกด้านล่างนี้และคัดลอกโค้ด! มันฟรี!
ตัวเลือก
เงื่อนไขการใช้งาน
- ลิงก์ที่กลับมายัง Time.is จะต้องปรากฏบนเว็บเพจของคุณอย่างชัดเจน คุณสามารถเขียนหรือแปลข้อความลิงก์ใหม่เองได้ แต่ต้องมี Time.is, time, ชื่อตำแหน่ง (อัมสเตอร์ดัม), หรือชื่อโซนเวลา (CET) ข้อความลิงก์ที่ยอมรับได้: "Time in อัมสเตอร์ดัม", "อัมสเตอร์ดัม", "Time now" ข้อความลิงก์ที่ยอมรับไม่ได้: "Click here"
- เว็บเพจของคุณต้องไม่รีเฟรชโดยอัตโนมัติ
- ไม่อนุญาตให้ใช้ในแอปและสคริปต์
- วิดเจ็ตนี้ไม่มีการรับประกัน
- วิดเจ็ตนี้ฟรี นอกจากว่าจุดเด่นหลักของเว็บไซต์ของคุณคือวิดเจ็ตนี้
- Time.is จะบล็อกวิดเจ็ตของคุณหากไม่ทำตามเงื่อนไขดังกล่าว
การใช้ขั้นสูง
มีสคริปต์วิดเจ็ตอยู่ 2 ประเภท: เวอร์ชันแบบง่าย (t.js) ซึ่งแสดงเฉพาะเวลาเท่านั้น และสคริปต์ของวิดเจ็ตหลัก (th.js) ซึ่งสามารถแสดงเวลา วันที่ เวลาที่ดวงอาทิตย์ขึ้น เวลาที่ดวงอาทิตย์ตก และความยาววันได้ สคริปต์ของวิดเจ็ตหลักพร้อมใช้งานในหลายภาษา เมื่อต้องการใช้ภาษาอื่น ให้แทนที่ th ในชื่อสคริปต์ด้วยโค้ดสำหรับภาษาที่ต้องการ (ตัวอย่างเช่น pl.js สำหรับภาษาโปแลนด์ หรือ tr.js สำหรับภาษาตุรกี)
พารามิเตอร์สำหรับฟังก์ชัน init:
| พารามิเตอร์ | คีย์เวิร์ดที่ใช้ได้ | ค่าดีฟอลต์ |
| template | TIME, DATE, SUN | TIME |
| time_format | hours, minutes, seconds, 12hours, AMPM | hours:minutes:seconds |
| date_format | dayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, year | year-monthnum-daynum |
| sun_format | srhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutes | srhour: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>
ผลลัพธ์:
ค่าของพารามิเตอร์ time_format, date_format, sun_format และ template จะถูกรับมา ซึ่งคุณไม่ต้องระบุค่าเหล่านั้นซ้ำหากค่าเหมือนกับวิดเจ็ตที่กำหนดไว้ก่อนหน้านั้น
