---
url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/countdown-timer'
title: 'Einen Countdown-Timer hinzufügen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-23T23:54:28+00:00'
updated: '2026-10-24T19:36:26+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Sie erhalten eine live Uhr, die bis zu Ihrer Veranstaltung, Ihrer Frist oder dem Ende Ihres Angebots herunterzählt. Nutzen Sie sie, wenn ein Datum zählt und Besucher handeln sollen, bevor es verstreicht.'
tags:
  - 'Data and motion'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T19:36:26+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Einen Countdown-Timer hinzufügen'
      description: 'Sie erhalten eine live Uhr, die bis zu Ihrer Veranstaltung, Ihrer Frist oder dem Ende Ihres Angebots herunterzählt. Nutzen Sie sie, wenn ein Datum zählt und Besucher handeln sollen, bevor es verstreicht.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T23:54:28+0000'
      dateModified: '2026-10-24T19:36:26+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/countdown-timer'
      articleSection: 'Daten und Animation'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/elemente/countdown-timer'
      description: 'Sie erhalten eine live Uhr, die bis zu Ihrer Veranstaltung, Ihrer Frist oder dem Ende Ihres Angebots herunterzählt. Nutzen Sie sie, wenn ein Datum zählt und Besucher handeln sollen, bevor es verstreicht.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Startseite
            item: 'https://dxpr.com/de'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: de
---
[Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Inhalte hinzufügen](/de/hc/documentation/learn-dxpr-builder/elements) /[Daten und Animation](/de/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Einen Countdown-Timer hinzufügen.

 DXPR Builder lernenSeiten erstellenInhalte hinzufügenDaten und Animation

   ## In diesem Leitfaden

 Verwandte Leitfäden

- [Das Aussehen eines Elements im Style-Tab ändern](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/style-tab)

Sie erhalten eine live Uhr, die bis zu Ihrer Veranstaltung, Ihrer Frist oder dem Ende Ihres Angebots herunterzählt. Nutzen Sie sie, wenn ein Datum zählt und Besucher handeln sollen, bevor es verstreicht.

## Einen Countdown-Timer hinzufügen

Öffnen Sie Ihre Seite im angemeldeten Zustand: Wenn Sie mit der Maus über den Inhaltsbereich fahren, erscheinen die Steuerelemente des Builders. [Ihre erste Seite](/de/hc/dokumentation/dxpr-builder-lernen/erste-schritte/erste-seite) zeigt die Grundlagen.

1. Fahren Sie mit der Maus über die Spalte und klicken Sie in ihrer Steuerleiste auf **+**; klicken Sie auf einer leeren Seite auf **Add Elements**. Öffnen Sie den **Content**-Tab und klicken Sie auf **Countdown timer**. Der Countdown-Timer landet oben in der Spalte und sein Einstellungsdialog öffnet sich.
2. Wählen Sie einen **Countdown style**, zum Beispiel **3D flip**.
3. Belassen Sie **Date / Time Limitations** auf der Vorgabe Specify date only und stellen Sie das **Date** ein, an dem der Countdown endet.
4. **Display options** hat alle fünf Einheiten angekreuzt. Entfernen Sie die Kreuze, die Sie nicht brauchen; hier entfernen wir **Show remaining years**.
5. Klicken Sie im Dialog auf **Speichern**. Klicken Sie dann in der Symbolleiste oben im Inhaltsbereich auf **Speichern**, um die Seite zu speichern.

  ## Was Sie sehen

Die Uhr zählt bis zu dem von Ihnen gewählten Datum herunter, im gewählten Stil und in den gewählten Einheiten. Im Video zeigt eine 3D-Flip-Uhr Tage, Stunden, Minuten und Sekunden bis zu einem Datum in drei Monaten. Besucher sehen sie, sobald Sie die Seite speichern und sie veröffentlicht ist.

## Ihren Countdown-Timer einrichten

Fahren Sie mit der Maus über das Element und öffnen Sie in seiner Steuerleiste **More > Settings**. Optionen:

- **Countdown style:** das Aussehen der Uhr: Plain, Grid, 3D flip, Disc, Airport style oder Transparent.
- **Date / Time Limitations:** worauf die Uhr herunterzählt. Wählen Sie Specify date only (die Vorgabe), Specify date and time, Specify time only (täglich wiederkehrend) oder Resetting counter (Intervall bis zu 24 Stunden einstellen).
- **Date:** der Tag, an dem der Countdown endet. Er endet um Mitternacht zu Beginn dieses Tages, in der Zeitzone jedes Besuchers. Die anderen Modi zeigen stattdessen **Date / Time** oder **Time**.
- **Reset in hours:** zusammen mit **Reset in minutes** und **Reset in seconds** das Intervall eines sich zurücksetzenden Zählers.
- **Page referrer:** eine Seite, die sich öffnet, wenn die Zeit abläuft. Wird für die wiederkehrenden Modi und den Reset-Modus angezeigt.
- **Automatic restart:** startet einen sich zurücksetzenden Zähler erneut, wenn er null erreicht.
- **Display options:** die Einheiten, die die Uhr zeigt, von Show remaining years bis Show remaining seconds. Alle fünf sind standardmäßig angekreuzt.

## Wenn Sie es nicht sehen

- **Der Countdown-Timer ist nicht im Content-Tab.** Ihr Benutzerprofil blendet ihn aus. Bitten Sie die Administration, **Countdown** unter **Elements** in [User Profiles](/de/hc/dokumentation/dxpr-builder-lernen/verwaltung/benutzerprofile-verwaltung) anzukreuzen.
- **Es ist nach dem Neuladen verschwunden.** Die Seite wurde nicht gespeichert. Fügen Sie es erneut hinzu und klicken Sie in der Symbolleiste oben im Inhaltsbereich auf **Speichern**.
- **Alle Ziffern zeigen null.** Das Zieldatum liegt in der Vergangenheit. Fahren Sie mit der Maus über das Element und öffnen Sie **More > Settings**, und stellen Sie dann ein künftiges **Date** ein.
- **Es gibt kein Date-Feld.** **Date / Time Limitations** steht auf einem anderen Modus. Wählen Sie Specify date only oder füllen Sie das Feld **Date / Time** oder **Time** aus, das dieser Modus zeigt.
- **Die Uhr beginnt jeden Tag von vorn.** **Date / Time Limitations** steht auf Specify time only (täglich wiederkehrend). Wählen Sie Specify date only für ein einmaliges Ereignis.

## Wie geht es weiter?

[Style-Tab](/de/hc/dokumentation/dxpr-builder-lernen/element-einstellungen/style-tab), um Abstände und Hintergrund Ihres Countdown-Timers zu ändern.