免费可定制的网站时钟组件
想在您自己的网站上显示精确的时间吗?或者想显示日期、昼长、日出日落时间?只需调整下列选项然后复制代码即可!完全免费!
选项
使用条款
- 您的网页上必须有一个清晰可见的超链接指向 Time.is。您可以翻译该链接的文本或改变其措辞,但内容必须包括 Time.is、时间、地区名称(Central European Summer Time)或时区名称(UTC)。正确的链接文本如:“Central European Summer Time时间”、“Central European Summer Time”、“当前时间”。错误的链接文本如:“点击此处”。
- 您的网页不得自动刷新。
- 组件不得用于应用程序或脚本中。
- 组件在质量、功能等各方面不受任何保证。
- 如果您的网站重点就是这款组件,那么本组件不免费。
- 如果您未能遵守这些条款,Time.is 将封禁您使用的组件。
高级用法
组件脚本分为两个版本:简化版 t.js 只显示时间,常规版 zh.js 则可以显示时间、日期、日出日落时间和昼长。常规版脚本还支持多种语言,将脚本名称中的 zh 改为其他语言代码即可切换。(如 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 的元素 ID 则必须提供。 | |
callback | 一个函数名称。该函数每秒会被调用一次,参数为上述 template 模板展开的结果。(非必需) |
参数名称和关键字都区分大小写。您可以在 template、time_format、date_format 和 sun_format 参数中加入 HTML 代码和其他内容。
多个时钟可以这样创建:
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/zh.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 参数可以继承,因此与前一组件相同的参数值无需重复定义。