Нужны точные часы для вашего сайта? Дата, время восхода и заката, долгота дня? Достаточно выбрать нужные параметры и скопировать код. И это бесплатно!
Есть два скрипта виджета: упрощенная версия, t.js, которая отображает только время, и основной скрипт виджета, ru.js, который может отображать время, дату, время восхода и заката, продолжительность дня. Основной скрипт виджета доступен на нескольких языках. Для других языков замените ru в названии скрипта на код нужного языка. (Например, 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 буквы, и если вы изменили изменили значение id HTML-элемента. | |
callback | Необязательный параметр: название функции, которая будет вызываться каждую секунду с параметром template. |
Названия параметров и их значения чувствительны к регистру. Можно использовать 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/ru.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 наследуются, так что вам не нужно их повторять, если значение такое же, как и для ранее определенного виджета.