วิดเจ็ตนาฬิกาฟรีและปรับแต่งได้สำหรับเว็บไซต์ของคุณเอง
ต้องการนำนาฬิกาที่ถูกต้องไปใช้บนเว็บไซต์ของคุณเองหรือ? หรือวันที่ของวันนี้ เวลาที่ดวงอาทิตย์ขึ้น เวลาที่ดวงอาทิตย์ตก หรือความยาววันล่ะ? เพียงเลือกจากตัวเลือกด้านล่างนี้และคัดลอกโค้ด! มันฟรี!
ตัวเลือก
เงื่อนไขการใช้งาน
- ลิงก์ที่กลับมายัง Time.is จะต้องปรากฏบนเว็บเพจของคุณอย่างชัดเจน คุณสามารถเขียนหรือแปลข้อความลิงก์ใหม่เองได้ แต่ต้องมี Time.is, time, ชื่อตำแหน่ง (Sound), หรือชื่อโซนเวลา (GMT) ข้อความลิงก์ที่ยอมรับได้: "Time in Sound", "Sound", "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 จะถูกรับมา ซึ่งคุณไม่ต้องระบุค่าเหล่านั้นซ้ำหากค่าเหมือนกับวิดเจ็ตที่กำหนดไว้ก่อนหน้านั้น