> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/building-blocks/extra-blocks/timer.md).

# Timer

### Timer <a href="#extrablocks-timer" id="extrablocks-timer"></a>

&#x20;The Timer element would be used any time you would like to add a timer to your pages to instill a sense of urgency on your pages.

<figure><img src="/files/ldHiOsPGLuda309QMv8b" alt=""><figcaption></figcaption></figure>

After you drag a timer block onto the page you can click on the numbers/text and use the Font menu under the Style Manager to adjust the font type, size, and color of the text and numbers.

<figure><img src="/files/bOMXNDXbx1OWQjuyTdMc" alt=""><figcaption></figcaption></figure>

To configure the Timer itself, click on the space to the far left or right within the element that highlights the entire Timer element. Then open the element’s settings inside the [Style Manager](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/settings-and-style-manager.md) to configure the Timer.

<figure><img src="/files/GCzbh9rYFeRWmwlZ3UPK" alt=""><figcaption></figcaption></figure>

**Timer Type**:

<figure><img src="/files/QeddHZGE4dxkMJll39aP" alt=""><figcaption></figcaption></figure>

* Minute Timer - Timer set based on Hours, Minutes, and Seconds values
* Countdown Timer - Counts down to the Date and Time specified in the **Start** value
* Count Up Timer - Timer counts up from 0 until the time set in the Hours, Minutes, and Seconds values

**End Text**: The text you want to display after the timer completes. End Text could display a simple text message (EXPIRED!), a url to send users to another page (<https://etc>), or an element ID to open a previously hidden element (#12345)

**Align**: Choose the alignment of the Timer within the element it resides

**Hours**: Sets the hour value on the timer. Will overlap to Days value if >24 hours and Days is not removed from the Timer

**Minutes**: Sets the minute value on the timer

**Seconds**: Sets the seconds value on the timer

Relative Links:

[Make a button appear after a set amount of time](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/make-a-button-appear-after-a-set-amount-of-time.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/building-blocks/extra-blocks/timer.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.