Free Clocks for Your Website

The clocks provided on this page can be placed on your website or blog.

We also have the Countdown Timer available for you to customize for your website or blog.

Main features

Accurate—The clocks display current time, even if the user’s computer clock is wrong.
Automatic DST—The clocks automatically adjusts for Daylight Saving Time, when needed.
Any time zone—All the major time zones are supported.
Highly configurable—Choose colors, borders, fonts and what the clock should display.
Multiple languages—Many languages are supported.
No registration needed—The HTML code is available immediately.

You may place up to six clocks on a single page. If more than two clocks are used, a separate link to timeanddate.com should be provided on the page. To use the service you must be able to add HTML directly to your web page and IFRAME tags must be allowed.

You use the service at your own risk.

Copy or modify existing clock

If you want to modify a clock you have created before, click this button:

Paste current HTML for clock or web page here

Copy and paste the HTML code/Source code you used to make the clock from before in the area below, and then click the “Import from HTML” button. You can copy your entire web page source code if you want to, this service will read the configuration for the first one found.

Select Clock Template

Text based (HTML/Javascript only)

Standard

Big & Bold

No Seconds

Date & Time

Just the Date

Bounding Box

Blue Back

Clock Stamp

Vibrant & Orange

Analog Clocks

Standard

Classic Gray

Timeless Black

Glowing Blue

Apple Red

Just Dots

Black & White

School Clock Red

Stop Watch

Rail Station

Simply Timeless

Chocolate Drops

Space Green

Sea Blue

Spooky Orange

Simply Pink

Chinese

Sea Foam Green

Select location clock should show time for

Location: or choose:

Customize clock output

Country/Language:Used for default formatting and month/day namesDisplay date:Weekday:Month:Day:Between date and time:Hour:Seconds:Time Zone:

Analog Clock Size

Clock sizeWidthKeep width-height ratioHeight

Clock Face Background

Back. Color:#

Gradient?Gradient To:#

Shadow?Shadow Color:#

Clock Face Circles

Border Color:#

Border Width: Draw Extra CircleColor:#

Width:Distance:

Clock Face Numbers

Display for 3,6,9,12
Display for other numbers
Font:Font size:Number Color:#

Numbering:Distance:

Text and font

Font:Show font samplesFont nameSample outputArial0123456789 abcArial Black0123456789 abcArial Narrow0123456789 abcBook Antiqua0123456789 abcBookman Old Style0123456789 abcCentury Gothic0123456789 abcComic Sans MS0123456789 abcCourier0123456789 abcGaramond0123456789 abcGeorgia0123456789 abcImpact0123456789 abcLucida Console0123456789 abcLucida Sans Console0123456789 abcTahoma0123456789 abcTimes New Roman0123456789 abcTrebuchet MS0123456789 abcVerdana0123456789 abcFont size:Font color:#

Bold font?Italic font?Underlined font?

Tick marks

Customize Analog Clock Face Tick Marks

Quarter ticks

Enable quarter ticks?Tick Color:#

Tick Style:Tick Length:Tick Width:Tick Distance:

Hour ticks

Enable hour ticks?Tick Color:#

Tick Style:Tick Length:Tick Width:Tick Distance:

Minute ticks

Enable minute ticks?Tick Color:#

Tick Style:Tick Length:Tick Width:Tick Distance:

Borders and background

Borders

Display borders:Common BorderSize:Style:Color:#

Left:Size:Style:Color:#

Right:Size:Style:Color:#

Top:Size:Style:Color:#

Bottom:Size:Style:Color:#

Padding

Add padding:Padding size Common PaddingPadding size left sidePadding size right sidePadding size abovePadding size below

Background and alignment

Clock background color#

transparent

Page background color#

transparent

Horizontal alignmentVertical alignment

Customize Clock Hands

Movement type:

Hour hand

Show hour hand?Hand Color:#

Hand Style:Hand Length:Back Length:Hand Width:Center Size:

Minute hand

Show minute hand?Hand Color:#

Hand Style:Hand Length:Back Length:Hand Width:Center Size:

Second hand

Show second hand?Hand Color:#

Hand Style:Hand Length:Back Length:Hand Width:Center Size:

Select type of web page/server and create HTML

HTML code for clock

HTML code

Insert the following HTML code on your web page:

Current Clock Preview

This is how the clock will be shown:

Keep this window in view