    |
 | This template doesnot put a working clock on your page. This template adds a clock that shows the time when the page was last updated (or re-cached) and will not update each minute.If you do want a clock that constantly updates, then go toyour Preferences and enable the item: "Add a clock to the personal toolbar that displays the current time in UTC and provides a link to purge the current page" under Appearance. |
This template displays a digital clock.
{{Digital clock}}.All parameters given below are optional and not necessarily be used.
{{Digital clock
|format = 12 or 24 (default: 24)
|offset = number of hours + or - UTC (default: 0)
|size = width of each digit in pixels (default: 70)
|color = any color name or HTML color code (default: red)
}}
The clock has a parameter that allows you to give an offset from UTC time. The offset can be fractional to adjust the time by any number of hours and minutes. Therefore this code - {{Digital clock|offset = +5.5}} will produce this clock:
  |
{{Digital clock|format = 12}} will produce:  |
{{Digital clock|size = 20}} and it will display something like this:    |
{{Digital clock|color = cyan}} and it will display something like this: |
This is actually not a parameter but a way to design different types of borders for the clock. Normal HTML can be used to add borders and padding space. One tricky bit is that <div> elements expand to the full width of their container, which will make the box too wide. So we must specify an exact width for it, by multiplying the segment size by 5 (for 24-hour clocks) or 6 (for 12-hour clocks): A complete list of borders is available at theUser Page Design Center
<div>{{Digital clock}}</div>
     |
<div>{{Digital clock}}</div>
|
Wrapping the clock in a <div> with the same width as the segments will make it vertical. Borders work as normal. The vertical clock isn't displayed to prevent inconvenience but this code works perfectly.
<div>{{Digital clock}}</div>
Parser magic can be used to pick a random color each time the page is generated. Use the following code to pick random colors from the colors specified. Note - You can change the colors given according to your preference. This code will produce the clock given below. {{Digital clock |color = {{#switch:{{#expr:{{#time:U}} mod 6}} |0=red |1=orange |2=lime |3=yellow |4=cyan |5=magenta}}
 |
| Type | Adjustable | Current | Last | Next |
|---|---|---|---|---|
| Date and time | {{time}} | {{Currentdate}} (MDY) {{Plain now}} (DMY) {{Now}} (DMY in a complete sentence) {{Simple now}} | ||
| Date only | {{Dateonly}} {{Datedow}} (Has the day of the week) | {{Date}} (Chose format) {{DATE}} (prefixed by date=) {{TODAY}} (DMY) | {{Yesterday}} {{Day-1}} | {{Tomorrow}} {{Day+1}} |
| Month and year only | {{Monthyear}} | {{Monthyear-1}} | {{Monthyear+1}} | |
| Time only | {{Timeonly}} | {{CURRENTTIME}} (12 h format) {{CURRENTTIME24}} (24 h format) | ||
| Banners | {{Right now}} (Blue with time and number of Wikipedia articles) | |||
| Timestamp | {{Timestamp}} (Format YYYYMMDDhhmmss) |
| Unit of time | Adjustable | Current | Last | Next |
|---|---|---|---|---|
| Second | {{CURRENTSECOND}} | |||
| Minute | {{CURRENTMINUTE}} | |||
| Hour | {{CURRENTHOUR}} | |||
| Week | {{CURRENTWEEK}} {{CURRENTWEEKOFMONTH}} | |||
| Day of Week | {{DAYOFWEEK}} | {{CURRENTDAYNAME}} {{CURRENTWEEKDAYABBREV}} {{CURRENTWEEKDAY}} | ||
| Month | {{MONTHNAME}} {{MONTHABBREV}} {{MONTHNUMBER}} {{MONTH}} (zero padded) | {{CURRENTMONTHNAME}} {{CURRENTMONTHABBREV}} {{CURRENTMONTH1}} {{CURRENTMONTHDAYS}} | {{LASTMONTHNAME}} | {{NEXTMONTHNAME}} |
| Day of Month | {{CURRENTDAY}} {{CURRENTDAY2}} (zero padded) | |||
| Year | {{CURRENTYEARCC}} {{CURRENTYEARYY}} {{CURRENTISOYEAR}} {{CURRENTYEAR}} | {{LASTYEAR}} | {{NEXTYEAR}} | |
| Day of Year | {{CURRENTDAYOFYEAR}} | |||
| Decade | {{DECADE}} | {{CURRENTDECADE}} | ||
| Century | {{Century}} | {{CURRENTCENTURY}} | ||
| MILLENNIUM | {{MILLENNIUM}} |
Month:
{{Lmonth}} produces Apr
{{Nmonth}} produces Jun
{{Last month}} produces April 2025
{{Next month}} produces June 2025