# 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: 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:

```
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>
```

The question should be specific, self-contained, and written in natural language.
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.