Countdown Timer for Website
Profile
Timers List
Create timer
Design
Background Color
Background color gif animation.
Text Color
The color of the text (numbers, labels) of the counter.
Figure color
Color of shapes (cubes or circles) of the counter.
Border Color
Rectangle border color.
Border Width
The width of the rectangle's border.
Circle: Fill Color2
Color changing area.
Circle: Border color
Upper color of the circle border.
Circle: Border color 2
Lower color of the circle border.
Circle: Border Width
Width of the circle border.
Small Circle Radius
The radius of the small circles describing the date segment.
Small circles: Fill Color
Primary color of the small circle.
Small circles: Fill Color 2
Color replacing the main, time-dependent.
Number sm. circles
The number of small circles describing the date segment.
Small lines: Width
The width of the lines described in a circle date segment.
Small lines: Fill Color
The main color of the lines described in the round date segment.
Small lines: Fill Color 2
Color replacing the main, time-dependent.
Small lines: Count
The number of lines described in the circular segment of the date.
Font Size
Size digits of counter in pixels.
Font Family
Font family for digits of the counter.
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Font Style
Font style for digits of the counter.
PLAIN
BOLD
ITALIC
BOLD ITALIC
LIGHT
LIGHT ITALIC
THIN
THIN ITALIC
BLACK
BLACK ITALIC
MEDIUM
MEDIUM ITALIC
Font case
Font case for digits of the counter.
Upper case
Lower case
Capitalize
Manual
Open Custom Design
Reset Design
Need Help?
Custom design
is a section of counter settings that has a lot of levers with which you can perfect Timer design.
More info...
Settings
Timer name
The name of the timer. Used as an alternative timer name in embedded code.
End Date
End date of your offer.
End Time
End time of your offer.
Time Zone
Administrative time zone.
UTC Offset
Time zone representation as time offset.
Language
Label Language.
Afrikanns
Albanian
Arabic
Armenian
Basque
Bengali
Bulgarian
Catalan
Cambodian
Chinese (Mandarin)
Croation
Czech
Danish
Dutch
English
Estonian
Fiji
Finnish
French
Georgian
German
Greek
Gujarati
Hebrew
Hindi
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Javanese
Korean
Latin
Latvian
Lithuanian
Macedonian
Malay
Malayalam
Maltese
Maori
Marathi
Mongolian
Nepali
Norwegian
Persian
Polish
Portuguese
Punjabi
Quechua
Romanian
Russian
Samoan
Serbian
Slovak
Slovenian
Spanish
Swahili
Swedish
Tamil
Tatar
Telugu
Thai
Tibetan
Tonga
Turkish
Ukranian
Urdu
Uzbek
Vietnamese
Welsh
Xhosa
Custom Design
Frame
The frame has properties such as height, width and color.
More info...
Width
The width of the frame,
can not be less than the width of the aggregate of graphic objects (figures, digits) of the frame
Height
The height of the frame,
can not be less than the height of the graphic object (figure, digits) of the frame
Background Color
The background color of the gif animation. Also is the upper boundary of the gradient.
Background Color2
The color of the bottom
border of the gif animation background gradient
Digits
Animated counter figures that have their own style and also sizes and indents.
More info...
Font size
Size digits of counter in pixels.
Font Family
Font family for digits of the counter.
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Color
The color of the digits of the counter.
Padding
Indenting of digits by means of which it is possible to correct distances between neighboring objects (figures, labels).
Top
Right
Bottom
Left
Font Style
Font style for digits of the counter.
PLAIN
BOLD
ITALIC
BOLD ITALIC
LIGHT
LIGHT ITALIC
THIN
THIN ITALIC
BLACK
BLACK ITALIC
MEDIUM
MEDIUM ITALIC
Remove Zero
Removes the first zero from the segment (days, hours, minutes, seconds) of digits
Days
Hours
Minutes
Seconds
Digit space
The gap between the digits in the time segment.
Label
Label counter, which has its own properties. The position of the labels depends on the type of counter.
More info...
Font size
Size label of counter in pixels.
Font Family
Font family for label of the counter.
Auto
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Color
The color of the label of the counter.
Padding
Indenting of label by means of which it is possible to correct distances between neighboring objects (figures, digits).
Top
Right
Bottom
Left
Font Style
Font style for labels of the counter.
Auto
PLAIN
BOLD
ITALIC
BOLD ITALIC
LIGHT
LIGHT ITALIC
THIN
THIN ITALIC
BLACK
BLACK ITALIC
MEDIUM
MEDIUM ITALIC
Days Text
Label name in the "days" segment, for customized auto locating names will not work.
Hours Text
Label name in the "hours" segment, for customized auto locating names will not work.
Minutes Text
Label name in the "minutes" segment, for customized auto locating names will not work.
Seconds Text
Label name in the "seconds" segment, for customized auto locating names will not work.
Separator
Separator - the space between the time segments, which has its own styles.
More info...
Font size
Size separator of counter in pixels.
Font Family
Font separator for label of the counter.
Auto
Arial
Roboto
Roboto Condensed
Open Sans
Lato
PT Sans
Montserrat
Source Sans Pro
Color
The color of the separator of the counter.
Padding
Indenting of separator by means of which it is possible to correct distances between neighboring objects (figures, digits, labels).
Top
Right
Bottom
Left
Type
A textual representation of a separator.
Digit Rectangle
Rectangle describing each digit of the counter.
More info...
Border Width
The width of the rectangle's border.
Border Color
Rectangle border color.
Fill Color
Rectangle color.
Padding
Internal indentation of the rectangle, with which you can adjust the distances between neighboring objects.
Top
Right
Bottom
Left
Segment Rectangle
Rectangle describing the segment of digits (days, hours, minutes, seconds) of the counter.
More info...
Border Width
The width of the rectangle's border.
Border Color
Rectangle border color.
Fill Color
Rectangle color. Also is the upper boundary of the gradient.
Fill Color 3
The color of the lower bound of the gradient of the rectangle of the segment of digits.
Padding
Internal indentation of the rectangle segment digits, with which you can adjust the distances between neighboring objects.
Top
Right
Bottom
Left
Ring
A circle that describes the segment of digits (days, hours, minutes, seconds) of the counter.
More info...
Border Width
Width of the circle border.
Radius
Radius of the circle.
Border Color
Upper color of the circle border.
Border Color2
Lower color of the circle border.
Fill Color
The color of the circle. Also is the upper boundary of the gradient.
Fill Color2
Color changing area.
Fill Color3
The color of the lower boundary of the gradient of the circle.
Small Circle Radius
The radius of the small circles describing the date segment.
Number of small circles
The number of small circles describing the date segment.
Small circles: Fill Color
Primary color of the small circle.
Small circles: Fill Color 2
Color replacing the main, time-dependent.
Small lines: Width
The width of the lines described in a circle date segment.
Small lines: Height
The height of the lines described in a circle date segment.
Small lines: Count
The number of lines described in the circular segment of the date.
Small lines: Fill Color
The main color of the lines described in the round date segment.
Small lines: Fill Color 2
Color replacing the main, time-dependent.
Inscribed circle
Write the circle into the square of the segment
Reverse
Changes the course of a circle frame animation.
Preview
Fixed Bar
Transparent
Includes the transparency
of the frame based on the color, it is recommended to make a transparent color close to the overall color of the counter.
Disable Days
Disables segment days.
Fixed Cube
Make the cube width of
all time segments the same (equal to the maximum width of one of the cubes of the segment), it is recommended to enable this option.
Reverse Label
Changes the position of the marks.
Save this timer
Timer Setting Import
×
Mail
Web