Free, customizable clock widget for your own web site

Want an exact clock on your own web site? Or today's date, sunrise time, sunset time or day length? Just choose from the options below and copy the code! It's free!

Options

Location
New York, United States
For other locations, please use the search box in the top right corner.
What to display




Time format



Date format




 
Day:
daynameFriday
dnameFri
daynum01-31
dnum1-31
day_in_yday 1-366
Week:
weekweek 44
Month:
monthnameOctober
monthnum01-12
mnum1-12
Year:
year2014
yy14
Color and size
px
What it will look like
Time in New York:
The final result may be different, depending on style sheets on your web page.
You can style the widget any way you want with CSS.

This is the code for your own web clock widget:

Terms of use

  • A link back to Time.is must be clearly visible on your web page. You can rephrase or translate the link text, but it must contain Time.is, time, the name of the location (New York), or the name of the time zone (EDT). Acceptable link texts: "Time in New York", "New York", "Time now". Unacceptable link texts: "Click here"
  • Your web page must not refresh automatically.
  • Usage in apps and scripts is not allowed.
  • The widget comes with no warranty.
  • The widget is free, unless the main focus of your website is this widget.
  • Time.is will block your widget if these conditions are not met.

Advanced usage

There are two widget scripts: A simplified version, t.js, which displays only time, and the main widget script, en.js, which can display time, date, sunrise time, sunset time and day length. The main widget script is available in several languages. For other languages, replace en in the script name with the code for the desired language. (For instance pl.js for Polish, or tr.js for Turkish.)

Parameters for the init function:

ParameterValid keywordsDefault value
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
coordsThe location's latitude and longitude. Required for displaying sun times and day length.
idFor identifying the location and the time zone on the server side. Required if the location name contains non-ascii letters, and if you change the HTML element id.
callbackThe name of a function that will be called every second, with rendered template as parameter. (Optional)

Parameter names and keywords are case sensitive. You can use HTML and other content in the template, time_format, date_format and sun_format parameters.

Multiple clocks can be created like this:

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="http://time.is/" id="time_is_link">current time for any location or time zone on Time.is!</a>
<script src="http://widget.time.is/en.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>

Result:

UTC time:
New York sunrise time:
Tokyo sunrise time:
Find the current time for any location or time zone on Time.is!

The values of the time_format, date_format, sun_format and template parameters are inherited, so you don't need to repeat them if the value is the same as for the previously defined widget.

 

 
01:32:15PM

Friday, October 31, 2014

Halloween

New York, United States

New York switches to standard time at 02:00AM on Sunday, November 2. The time is set one hour back.
Sun: ↑ 07:26AM ↓ 05:53PM (10h 27m) -
More info