᠎᠎᠎          

Gif timer adder

World's simplest gif tool
This online utility lets you add a timer to an animated GIF. You can draw a digital clock with GIF's running time anywhere on the frame. The clock can have any resolution (from 20ms to 1sec) and you can change the digit font, size, color, and background color. You can also switch to a countdown timer mode that will run the timer in reverse. Created by GIF experts from team Browserling.
A link to this tool, including input, options and all chained tools.
Click here to select an image from your device, press Ctrl+V to use an image from your clipboard, drag and drop a file from desktop, or load an image from any example below.
Release your mouse to import this file.
Your file is being imported...
Import from file
Save as...
Copy to clipboard
Download
Export to Pastebin
Can't convert.
An error has occured.
Chain with...
Remove chain
Save as...
Download
Export to Pastebin
Remove no tools?
This tool cannot be chained.
Timer Format
Timer format. (Use %t for timer
and %f for frame number).
Timer precision.
Show the current time when
the frame is being drawn.
Maintain the selected timer
precision by adding extra
frames to the GIF.
Reverse the timer and count
the GIF duration down.
Timer Position and Font
Top point.
Left point.
Timer width.
Timer height.
Timer size.
Line height.
Timer digits font.
Timer digits color.
Timer background color.
Timer Preview
Continuously loop the GIF and
display a running timer.
Stop the GIF at a specific
frame and show a frozen timer.
Freeze the timer at this frame.
{frames}

What is a gif timer adder?

learn more about this tool
This browser-based program draws a digital timer on a GIF animation. It displays the running time of a GIF in seconds or milliseconds. You can choose between two timer modes. The first is the "Frame Delay Timer" mode. This mode simply prints the current time of each frame that's calculated from the original frame delay values (each frame in a GIF has an associated delay that indicates how long a frame should be displayed on the screen). This mode does not change the number of frames of the original GIF. The disadvantage of this timer mode is that if a frame is displayed on the screen for a longer time, then smaller resolution timer values will be skipped. For example, if a GIF has a frame delay of 0.1s (100ms) and the timer accuracy is 50ms, then the first frame will be timestamped at 0.00s and the second at 0.10s. The timer value 0.05s (50ms) will be skipped because there is no frame at 0.05s that could display it. This problem is easily solved with the second – "Uniform Timer" mode. If there is no suitable frame for a timer value, it injects an additional frame in the GIF with this timer value. This mode increases the number of frames in the GIF and achieves accurate timing for any timer interval. The timer precision can be 20ms, 50ms, 100ms, 200ms, 500ms, or 1 second. Additionally, there's an option to enable a countdown timer. In this mode, the timestamps are added in reverse order. The first frame shows the entire running time of a GIF and each subsequent frame decreases this value towards 0.00s. The timer text and format can be set via the format-string parameters "%t" and "%f". These parameters are substituted with the timer value and the current frame number value. You can also mix these parameters with regular text. For example, the string "time: %t sec(s), frame: %f" will give the result "time: 1 sec(s), frame: 4". If you don't use the "%t" and "%f" parameters, then you can simply overlay any text over the GIF. The position of the timer can be set in the options or adjusted directly in the preview field by moving the timer rectangle with the mouse. You can also change the timer font, the size of timer digits, the line-height (in case you use a multi-line timer), and choose a color for the timer and its background. When the timer is added, you can examine individual GIF frames via the "Frozen Timer Mode" option or see the entire animation with a timer on all frames via the "Running Timer Mode" option. You can also find more information about the GIF video in the information section, and you can download the GIF with a timer under the output preview field. Gifabulous!

Gif timer adder examples

Click to use
Add a Digital Timer to a GIF
In this example, we add a seconds counter to a GIF of a blue sand clock. The digital timer shows the elapsed time of the hourglass with an accuracy of 100ms. As the animation is also running at a framerate of 100ms per frame, we use the "Frame Delay Timer" mode that prints the timer at the original speed of the GIF. The timer uses a large, 110-pixel Arial Black font with 40-percent translucent white digits. (Source: Pexels.)
In this example, we add a seconds counter to a GIF of a blue sand clock. The digital timer shows the elapsed time of the hourglass with an accuracy of 100ms. As the animation is also running at a framerate of 100ms per frame, we use the "Frame Delay Timer" mode that prints the timer at the original speed of the GIF. The timer uses a large, 110-pixel Arial Black font with 40-percent translucent white digits. (Source: Pexels.)
In this example, we add a seconds counter to a GIF of a blue sand clock. The digital timer shows the elapsed time of the hourglass with an accuracy of 100ms. As the animation is also running at a framerate of 100ms per frame, we use the "Frame Delay Timer" mode that prints the timer at the original speed of the GIF. The timer uses a large, 110-pixel Arial Black font with 40-percent translucent white digits. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Timer format. (Use %t for timer
and %f for frame number).
Timer precision.
Show the current time when
the frame is being drawn.
Reverse the timer and count
the GIF duration down.
Top point.
Left point.
Timer width.
Timer height.
Timer size.
Line height.
Timer digits font.
Timer digits color.
Timer background color.
Continuously loop the GIF and
display a running timer.
Stop the GIF at a specific
frame and show a frozen timer.
Freeze the timer at this frame.
Countdown to Flower Bloom
In this example, we are counting down to the blooming of a cactus flower. We set up a timer with 20ms precision and put it at the bottom of the animation. The original frame delay is 150ms and to get a timer update every 20ms, we switch to the "Uniform Timer" mode. In this mode, the program draws additional frames with a timer every 20ms, increasing the total number of frames to 294. We decorate the timer with three-dot Unicode symbols on the sides and choose the Courier New font of 50px. We use green color for the timer display and a 60% transparent black background for the timer box. (Source: Pexels.)
In this example, we are counting down to the blooming of a cactus flower. We set up a timer with 20ms precision and put it at the bottom of the animation. The original frame delay is 150ms and to get a timer update every 20ms, we switch to the "Uniform Timer" mode. In this mode, the program draws additional frames with a timer every 20ms, increasing the total number of frames to 294. We decorate the timer with three-dot Unicode symbols on the sides and choose the Courier New font of 50px. We use green color for the timer display and a 60% transparent black background for the timer box. (Source: Pexels.)
In this example, we are counting down to the blooming of a cactus flower. We set up a timer with 20ms precision and put it at the bottom of the animation. The original frame delay is 150ms and to get a timer update every 20ms, we switch to the "Uniform Timer" mode. In this mode, the program draws additional frames with a timer every 20ms, increasing the total number of frames to 294. We decorate the timer with three-dot Unicode symbols on the sides and choose the Courier New font of 50px. We use green color for the timer display and a 60% transparent black background for the timer box. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Timer format. (Use %t for timer
and %f for frame number).
Timer precision.
Maintain the selected timer
precision by adding extra
frames to the GIF.
Reverse the timer and count
the GIF duration down.
Top point.
Left point.
Timer width.
Timer height.
Timer size.
Line height.
Timer digits font.
Timer digits color.
Timer background color.
Continuously loop the GIF and
display a running timer.
Stop the GIF at a specific
frame and show a frozen timer.
Freeze the timer at this frame.
Add a Frame Counter
In this example, we draw both the frame number and frame time on an animation of a seal laying on the shore. We enter the timer format as a string "frame: %f\ntime: %tsec", where "%f" denotes the current frame number, "%t" denotes the time, "\n" denotes a newline. We use a timer with a precision of one second, which is drawn on all 36 frames. The timer font is Monospace, it has a size of 24 pixels, its color is black, and it's displayed on a transparent background. (Source: Pexels.)
In this example, we draw both the frame number and frame time on an animation of a seal laying on the shore. We enter the timer format as a string "frame: %f\ntime: %tsec", where "%f" denotes the current frame number, "%t" denotes the time, "\n" denotes a newline. We use a timer with a precision of one second, which is drawn on all 36 frames. The timer font is Monospace, it has a size of 24 pixels, its color is black, and it's displayed on a transparent background. (Source: Pexels.)
In this example, we draw both the frame number and frame time on an animation of a seal laying on the shore. We enter the timer format as a string "frame: %f\ntime: %tsec", where "%f" denotes the current frame number, "%t" denotes the time, "\n" denotes a newline. We use a timer with a precision of one second, which is drawn on all 36 frames. The timer font is Monospace, it has a size of 24 pixels, its color is black, and it's displayed on a transparent background. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Timer format. (Use %t for timer
and %f for frame number).
Timer precision.
Show the current time when
the frame is being drawn.
Reverse the timer and count
the GIF duration down.
Top point.
Left point.
Timer width.
Timer height.
Timer size.
Line height.
Timer digits font.
Timer digits color.
Timer background color.
Continuously loop the GIF and
display a running timer.
Stop the GIF at a specific
frame and show a frozen timer.
Freeze the timer at this frame.
All gif tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Play a GIF Frame by Frame
Quickly view, play and download individual GIF frames.
Convert GIF to Sprite Sheet
Quickly create a sprite sheet from all GIF frames.
Convert Sprite Sheet to GIF
Quickly create a GIF animation from a sprite strip.
Change GIF Playback Speed
Quickly change the speed a GIF animation is played at.
Flip a GIF Animation
Quickly flip a GIF animation horizontally or vertically.
Reverse a GIF Animation
Quickly reverse all frames in an animated GIF.
Compress a GIF Animation
Quickly minify a GIF and make it smaller in size.
Change GIF Background Color
Quickly change the background color of an animated GIF.
Change GIF Loop Count
Quickly change how many times a GIF gets repeated.
Rotate a GIF Animation
Quickly rotate a GIF animation by the given angle.
Resize a GIF Animation
Quickly change the width and height of a static or animated GIF.
Crop a GIF Animation
Quickly crop a region from a GIF animation.
Censor a GIF Animation
Quickly redact sensitive information from a GIF.
Pixelate a GIF Animation
Quickly pixelate any region in a GIF animation.
Blur a GIF Animation
Quickly blur any region in a GIF animation.
Sharpen a GIF Animation
Quickly sharpen any region in a GIF animation.
Change GIF Brightness
Quickly increase or decrease the brightness of a GIF.
Change GIF Contrast
Quickly increase or decrease the contrast of a GIF.
Create a Transparent GIF
Quickly make any color in a GIF transparent.
Fill a Transparent GIF
Quickly fill transparent GIF regions with a solid color.
Remove GIF Frames
Quickly delete one or more frames from an animated GIF.
Extract GIF Frames
Quickly extract multiple frames from a GIF.
View GIF Frames
Quickly preview a GIF animation at any framerate (fast or slow).
Randomize GIF Frames
Quickly shuffle frames of a GIF animation.
Zoom a GIF Animation
Quickly increase the size of a GIF.
Change GIF Duration
Quickly change the total playback time of a GIF.
Add GIF Border
Quickly surround a GIF animation with a border.
Remove GIF Border
Quickly remove the border that surrounds a GIF animation.
Add GIF Background
Quickly add a background to an animated GIF.
Remove GIF Background
Quickly remove the background from an animated GIF.
Add Text to a GIF
Quickly add any text (captions, subtitles) on an animated GIF.
Add a Timer to a GIF
Quickly add a running time clock to a GIF animation.
Add a Frame Counter to a GIF
Quickly add a counter that shows frame numbers.
Make GIF Corners Round
Quickly round the corners of a GIF animation.
Convert a GIF to Grayscale
Quickly remove colors from a GIF and leave only gray shades.
Cut a Fragment from a GIF
Quickly cut a frame range or a time interval from a GIF.
Slow Down a GIF Animation
Quickly decrease the framerate of a GIF animation.
Speed Up a GIF Animation
Quickly increase the framerate of a GIF animation.
Create a Colorful GIF
Quickly generate a solid color or color gradient GIF.
Create a Random GIF
Quickly generate an animation with random color pixels.
Create a 1x1 Pixel GIF
Quickly generate a tiny 1x1 spacer GIF.
Create a Boomerang GIF
Quickly make a GIF loop back and forth.
Add White Noise to a GIF
Quickly draw random pixels on an animated GIF.
Optimize a GIF Animation
Quickly optimize a GIF animation to use less memory.
Analyze a GIF Animation
Quickly print low-level details about a GIF and its frames.
Coming soon These gif tools are on the way
GIF Creator
Create animated GIFs in your browser.
Pause a GIF
Freeze a GIF at a specific frame.
Rearrange GIF Frames
Change the order of frames in a GIF animation.
Add Frames to a GIF
Insert one or more frames in a GIF animation.
Unzoom a GIF
Decrease the size of a GIF.
Refine GIF Edges
Smooth out the edges of a transparent GIF.
Add Sound to GIF
Add an audio track to a GIF.
See How a GIF Looks on Various Backgrounds
Draw a GIF on different backgrounds to see how it looks.
Fade-out a GIF
Gradually fade-out the frames of a GIF.
Fade-in a GIF
Gradually fade-in the frames of a GIF.
Cross-fade GIF Frames
Cross-fade a GIF frame by frame.
Cross-fade Two GIFs
Cross-fade two GIF animations.
Morph One GIF to Another
Smoothly transform one GIF into another GIF.
Stop GIF Loop
Stop looping the GIF and play it just once.
Normalize GIF Speed
Change the delay between all GIF frames to the same value.
Change GIF Framerate
Change the framerate of a GIF.
Change GIF Quality
Change the quality of a GIF.
Change GIF Canvas Size
Increase or decrease GIF canvas size.
Make a GIF Bigger
Increase the width and height of a GIF.
Make a GIF Smaller
Decrease the width and height of a GIF.
Convert PGN to GIF
Create a chess game animation from a PGN file.
Convert SGF to GIF
Create a go game animation from a SGF file.
Convert PDN to GIF
Create a draughts/checkers game animation from a PDN file.
Create a Solitaire Effect GIF
Generate a GIF animation of winning a Solitaire game.
Animate Game of Life
Create a GIF animation of Game of Life.
Convert GIF to Base64
Base64-encode a GIF.
Convert Base64 to GIF
Base64-decode a GIF.
Convert GIF to Base58
Base58-encode a GIF.
Convert Base58 to GIF
Base58-decode a GIF.
Convert Non-interlaced GIF to Interlaced GIF
Convert a sequential GIF to progressive GIF.
Convert Interlaced GIF to Non-interlaced GIF
Convert a progressive GIF to a sequential GIF.
Convert APNG to GIF
Convert an animated PNG to an animated GIF.
Convert GIF to APNG
Convert an animated GIF to an animated PNG.
Convert APNG to GIF
Convert an animated PNG to an animated GIF.
Convert GIF to Webp
Convert an animated GIF to an animated Webp.
Convert Webp to GIF
Convert an animated Webp to an animated GIF.
Convert GIF to AVIF
Convert a GIF animation to an AV1 animation (AVIF).
Convert AVIF to GIF
Convert an AV1 animation (AVIF) to a GIF animation.
Convert GIF to HEIF
Convert a GIF animation to a HEIF animation.
Convert HEIF to GIF
Convert a HEIF animation to a GIF animation.
Convert GIF to PNG
Export a single frame from a GIF to PNG.
Convert PNG to GIF
Convert a still PNG image to a static GIF.
Convert GIF to JPG
Export a single frame from a GIF to JPEG.
Convert JPG to GIF
Convert a still JPEG photo to a static GIF.
Convert GIF to BMP
Export a single frame from a GIF to BMP.
Convert BMP to GIF
Convert a still BMP file to a static GIF.
Convert GIF to BPG
Export a GIF animation to a BPG animation.
Convert BPG to GIF
Convert an animated BPG to an animated GIF.
Convert GIF to AVI
Convert a GIF animation to an AVI video.
Convert AVI to GIF
Convert an AVI video to a GIF animation.
Convert GIF to WMV
Convert a GIF animation to a WMV video.
Convert WMV to GIF
Convert a WMV video to a GIF animation.
Convert GIF to MP4
Convert a GIF animation to an MP4 video.
Convert MP4 to GIF
Convert an MP4 video to a GIF animation.
Convert GIF to MKV
Convert a GIF animation to an MKV video.
Convert MKV to GIF
Convert an MKV video to a GIF animation.
Convert GIF to MOV
Convert a GIF animation to a MOV video.
Convert MOV to GIF
Convert a MOV video to a GIF animation.
Convert GIF to GIFV
Convert a GIF animation to GIF video (GIFV).
Convert GIFV to GIF
Convert a GIF video (GIFV) to a GIF animation.
Convert GIF to Data URL
Create a Data URI from a GIF animation.
Convert Data URL to GIF
Reconstruct a GIF from a Data URI.
Convert GIF to ASCII Art
Draw one or more GIF frames as ASCII art.
Convert ASCII Art to GIF
Create an animation from multiple ASCII art drawings.
Convert GIF to ANSI Art
Draw one or more GIF frames as ANSI art.
Convert ANSI Art to GIF
Create an animation from multiple ANSI art drawings.
Convert GIF to Unicode Art
Draw one or more GIF frames using Unicode glyphs.
Convert Unicode Art to GIF
Create a GIF from multiple Unicode drawings.
Convert GIF to Braille Art
Draw one or more GIF frames using Braille characters.
Convert Braille Art to GIF
Create a GIF animation from Braille characters.
Change Colors in a GIF
Replace one color in a GIF with another.
Make GIF Black and White
Convert all colors in a GIF to just two black and white.
Extract GIF Colors
Find the color palette used in a GIF.
Extract GIF Color Index
Find the color index used in a GIF.
Randomize GIF Color Index
Randomly change the color indexes of a GIF.
Reduce GIF Colors
Remove colors from a GIF.
Re-quantize GIF Colors
Run various color quantization algorithms on a GIF.
Create a True Color GIF
Create a GIF with more than 256 colors.
Create a Binary Color GIF
Convert a 256-color GIF to a 2-color GIF.
Add Dithering to a GIF
Convert a non-dithered GIF to a dithered GIF.
Remove Dithering From a GIF
Merge dithered pixels and create a non-dithered GIF.
Change Delay of Frames
Change the delay interval between individual GIF frames.
Split a GIF
Split a GIF into two or more GIFs.
Join GIFs
Join two or more GIFs into a single GIF.
Shift a GIF
Shift GIF frames to the right or to the left.
Hide a Part of a GIF
Hide the selected area in a GIF by drawing a block over it.
Slice a GIF
Extract a part (a range of frames) from a GIF.
Duplicate a GIF
Create multiple GIF copies side-by-side.
Duplicate GIF Frames
Create multiple copies of individual GIF frames.
Skew a GIF
Skew a GIF animation by an angle.
Unskew a GIF
Reverse a skew in a GIF animation.
Swirl a GIF
Create a pixel whirl of any radius in a GIF.
Generate White Noise GIF
Create a GIF that animates white noise.
Create a Quasistatic GIF
Make a GIF animation go so slow that it appears almost static.
Create a Single-frame GIF
Create a static GIF that contains just one frame.
Create an Empty GIF
Generate a GIF that contains nothing.
Watermark a GIF
Add a semi-transparent watermark to a GIF animation.
Convert a GIF to a ZIP Archive
Extract all GIF frames in a folder and zip it up.
Add a Comment to a GIF
Add a hidden comment in GIF's metainfo section.
Delete GIF Metainfo
Clear all metainfo from a GIF.
Create a GIF of GIFs
Animate multiple GIFs at the same time side-by-side.
Create an Animated Message
Add an animation effect to a message.
Put One GIF on Another GIF
Layer two GIFs and put one GIF on top of another GIF.
Put a GIF on an Image
Overlay an animated GIF on any image or photo.
Put an Image on a GIF
Overlay any image or photo on an animated GIF.
Emulate a Slow Image
Convert any image to a GIF that emulates slow Internet speed.
Create a Loading GIF
Create a GIF animation of a loading spinner.
Glitch a GIF
Let Zalgo destroy a GIF animation.
Created with love by
51K
@browserling
We're Browserling — a friendly and fun cross-browser testing company powered by alien technology. At Browserling we love to make peoples' lives easier, so we created this collection of online GIF tools. Our tools are enjoyed by millions of casual users every month as our easy-to-use user interface doesn't require advanced computer skills. Behind the scenes, our GIF tools are actually powered by our web developer tools that we created over the last couple of years. Check them out!
Secret message
If you love our tools, then we love you, too! Use coupon code GIFLING to get a discount for our premium plans.
Privacy Policy we don't log data!
All conversions and calculations are done in your browser using JavaScript. We don't send a single bit about your input data to our servers. There is no server-side processing at all. We use Google Analytics and StatCounter for site usage analytics. Your IP address is saved on our web server for additional analytics. The free plan doesn't use cookies and don't store session information in cookies. The premium and team plans use cookies to store session information so that you are always logged in. We use your browser's local storage to save tools' input. It stays on your computer.
Terms of Service the legal stuff
By using Online Gif Tools you agree to our Terms of Service. All tools are free for personal use but to use them for commercial purposes, you need to get a premium plan. You can't do illegal or shady things with our tools. We may block your access to tools, if we find out you're doing something bad. We're not liable for your actions and we offer no warranty. We may revise our terms at any time.