Current Time & Date Widget Generator

The generator below produces Javascript code to create a self-updating digital clock for use on blogs or your own website. The code will automatically update elements with id date and time. These can be span, p or, as in the example, HTML5 time tags. The output of the code can be seen on the left hand side.


Date

Time


Ordering

Drag to re-order elements. Drag elements from the workbench to add new elements. Drag element to the delete area to remove them.
  • Day
  • Date
  • Month
  • Year
  • Hour
  • Minutes
  • Seconds
  • :
  •  : 
  • /
  •  / 
  • ,
  • -
  • (space)
    • Hour
    • :
    • Minutes
    • :
    • Seconds
    • Day
    • (space)
    • Date
    • /
    • Month
    • /
    • Year

    Output

    Copy into head tag Copy into body tag