Free guide · For beginnersTikTok LIVE Studio

Timer in TikTok LIVE Studio: Link source and countdown control

This variant uses a timer that provides its own web address. LIVE Studio shows a counter, and its settings and viewer reactions remain in the selected tool's panel. By separating these steps, it is easier to find the cause of a reset or incorrect time increment.

Thunderstream team9 min read11ViewsUpdated:

Decide where the clock comes from

The regular pre-launch countdown and the gift-responsive counter have different requirements. In the first case, time control is enough. In the second, the timer provider must handle the corresponding events from your LIVE.

Check that you are getting the address of the meter itself. The page with management buttons is not automatically the address to the source. Use the embedding method specified by the author of the selected widget.

A dictionary without difficult abbreviations

A dictionary without difficult abbreviations
ConceptWhat does this mean in practice?
SceneReady-made image layout: e.g. a game with a camera or a break board. The scene you choose determines what you show.
SourceOne scene component: game, camera, text, audio, or page with overlay. The order of sources determines what covers what.
URLFull web address. Copy it using the button in the panel; do not copy fragments and do not add spaces.
EventNew information from the platform, such as a message, observation or gift. The appearance test is not always an actual event.
ResolutionThe width × height of the area, e.g. 1920 × 1080. This is different than shrinking the source rectangle with the mouse.

Step by step · 1–4

  1. Action

    In LIVE Studio, select the target scene.

    ✓ After this step you will see

    It is her image that will be sent.

  2. Action

    Open add source and check available time widgets.

    ✓ After this step you will see

    You know whether you will use a built-in or external function.

  3. Action

    If the version has a countdown, add this widget and open the settings.

    ✓ After this step you will see

    Time fields are visible.

  4. Action

    Enter 2 minutes and 0 seconds as a test.

    ✓ After this step you will see

    The preview shows 02:00.

TikTok LIVE Studio: Real-world example of adding an external alert screen. The appearance of the menu depends on the release and availability of the Link source.Enlarge the screenshot ↗
TikTok LIVE Studio: Real-world example of adding an external alert screen. The appearance of the menu depends on the release and availability of the Link source.Actual screenshot from official documentation. The version and language of the program may be different from yours.Photo source: TikFinity · Source verified: 2026-10-27

Step by step · 5–8

  1. Action

    Choose a legible color and size of digits.

    ✓ After this step you will see

    The time can also be read from the phone.

  2. Action

    Start, stop and reset the countdown.

    ✓ After this step you will see

    You know the effects of every button before LIVE.

  3. Action

    If you need an external timer, please set it up with your supplier.

    ✓ After this step you will see

    The starting time is recorded in his panel.

  4. Action

    Copy the address of the timer widget itself.

    ✓ After this step you will see

    You do not copy the login address or settings.

Step by step · 9–12

  1. Action

    Add a Link source if your LIVE Studio version supports it.

    ✓ After this step you will see

    You can paste the web address.

  2. Action

    Paste the URL and keep the source proportions consistent.

    ✓ After this step you will see

    The digits are not flattened.

  3. Action

    Move the timer over the game image and block accidental movement if the program allows it.

    ✓ After this step you will see

    The timer remains in the selected location.

  4. Action

    Check the scene change and return to the timer.

    ✓ After this step you will see

    The countdown doesn't start over again without intending to.

OBS: Browser source properties. This is where the widget's URL and its width and height go.Enlarge the screenshot ↗
OBS: Browser source properties. This is where the widget's URL and its width and height go.Actual screenshot from official documentation. The version and language of the program may be different from yours.Photo source: OBS Project · Source verified: 2026-10-27

Step by step · 13–14

  1. Action

    Test to zero.

    ✓ After this step you will see

    You know whether time disappears, stops or has an effect.

  2. Action

    If you want to add time for gifts, set it up separately with the provider that handles such events.

    ✓ After this step you will see

    You don't equate a regular countdown with an automatic subathon.

An example you can reproduce

A simple "be back in a moment" screen might use the constants 02:00. The adding seconds challenge additionally requires an event rule. First start the regular timer and only then check the addition of one time unit.

Prepare an off-stage test

For the TikFinity variant, the correct configuration includes the Timer and its interaction units. Don't confuse it with a goal that counts down missing observations. The name "countdown" can refer to a variety of things, so check the description.

  1. Set a short start time in the timer panel.
  2. Start, pause, and resume the counter if these options exist.
  3. Check the reset and the status after completion.
  4. If you want the timer to respond to interactions, test one rule.

Long hours, short time and a small screen

Choose a simple starting point. If you use a glow or intense gradient, also check the thin parts of the numbers. An effect that looks good in a static preview may make it difficult to read the time quickly.

Long hours, short time and a small screen
TestWhat to evaluate
A few minutesDo the seconds change smoothly and legibly.
Time with hoursCan more characters fit?
Light and dark backgroundContrast of numbers and borders.
Phone viewCan the result be read without magnification?

Scene change and reload

Check what happens when you go to another scene and come back. If the widget reloads, it may retain its state or restart the countdown, depending on its logic. Establish expected behavior before LIVE.

Don't create multiple independent counters if they are all supposed to show one clock. Name the control panel and sources so that it is clear what you are observing.

Trying to extend time

Source Link alone does not turn gifts into seconds. If you can see the countdown but the time is not increasing, check the connection and the rule in the timer tool. If the panel grows and the source shows a different clock, compare its address.

  1. Save the state before a single interaction.
  2. Check if the event has reached the timer provider.
  3. Compare the rule, unit and possible multiplier.
  4. Compare the panel result with the same source in LIVE Studio.

What do you see on the screen and how to fix it

Fix one thing at a time and try the same thing again. If you change several options at the same time, it will be difficult to determine what solved the problem. Don't delete a working source or entire configuration just because one widget isn't responding.

If you still need help, write down the program name and version, platform, approximate time of trial, expected result, and what actually happened. Attach a dump without passwords, keys and full private links. This description is much more useful than just the "not working" message.

What do you see on the screen and how to fix it
SymptomCheck firstDo it
You don't see the timer in the menuDifferent version or access to widgetsCheck the current LIVE Studio help and available external link.
The time is different when you returnThe widget has been restartedCheck the reset and source activation options.
Gifts don't change timeLack of time addition integrationUse a tool that explicitly handles this event.
The numbers are too smallThe preview was only evaluated on the monitorEnlarge the text and check from a distance and on your phone.

Last attempt before use on LIVE

  1. Save the changes using the button assigned to the edited function. If there are separate forms, check each changed part separately.
  2. Open the settings again and compare the most important values. Simply moving the slider does not always mean a permanent save.
  3. Check the result outside the editor itself: on the target scene, in the recording, or in the reopened configuration.
  4. If the function uses the platform, separately acknowledge the new handled event during the active LIVE. Don't expect the appearance test to confirm account authorization.
  5. Save the working values ​​and make a copy before the next major change. Next time you start up, start with a quick check.

Before you go live

  • The correct counter type has been selected.
  • The control works at the supplier.
  • The source shows the same timer.
  • Scene change and time increment have been checked.
  • Reopened settings retain the saved values.
  • A single attempt is confirmed on the target output.

Frequently asked questions

Does every internet clock respond to gifts?

NO. Clearly supported integration and a time changing rule are needed.

Where to set the number of seconds per gift?

In the tool that handles the timer and receives events, not in the Link field itself.

Why does the counter go back to the beginning?

Check the behavior of the widget after reloading, the source address and independent copies of the counter.

What should I do if my screen looks different than the photo?

Check the program name, version and selected feature. The dump is real, but it's from a specific edition and language. Search for a described field by its task. If the option is not available, check the current official support and availability in your account.

Official documentation and further help