---
url: 'https://dxpr.com/fr/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
title: 'Ajouter un compte à rebours | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:41:27+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Vous obtenez une horloge en direct qui décompte jusqu’à votre événement, votre date limite ou la fin de votre offre. Utilisez-la quand une date compte et que vous voulez que vos visiteurs agissent avant qu’elle ne passe.'
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-24T14:41:27+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Ajouter un compte à rebours'
      description: 'Vous obtenez une horloge en direct qui décompte jusqu’à votre événement, votre date limite ou la fin de votre offre. Utilisez-la quand une date compte et que vous voulez que vos visiteurs agissent avant qu’elle ne passe.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:41:27+0000'
      dateModified: '2026-10-24T14:41:27+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/fr/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
      articleSection: 'Données et animation'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/fr/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
      description: 'Vous obtenez une horloge en direct qui décompte jusqu’à votre événement, votre date limite ou la fin de votre offre. Utilisez-la quand une date compte et que vous voulez que vos visiteurs agissent avant qu’elle ne passe.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Accueil
            item: 'https://dxpr.com/fr'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: fr
---
[Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Créer des pages](/fr/hc/documentation/learn-dxpr-builder/build) /[Ajouter du contenu](/fr/hc/documentation/learn-dxpr-builder/elements) /[Données et animation](/fr/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Ajouter un compte à rebours.

 Apprendre DXPR BuilderCréer des pagesAjouter du contenuDonnées et animation

   ## Dans ce guide

 Guides associés

- [Modifier l’aspect d’un élément dans le panneau Style](/fr/hc/documentation/apprendre-dxpr-builder/parametres-des-elements/onglet-style)

Vous obtenez une horloge en direct qui décompte jusqu’à votre événement, votre date limite ou la fin de votre offre. Utilisez-la quand une date compte et que vous voulez que vos visiteurs agissent avant qu’elle ne passe.

## Ajouter un compte à rebours

Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. [Votre première page](/hc/documentation/learn-dxpr-builder/getting-started/first-page) présente les bases.

1. Survolez la colonne et cliquez sur **+** dans sa barre de contrôle, ou cliquez sur **Ajouter des éléments** sur une page vide. Ouvrez l’onglet **Contenu** et cliquez sur **Compte à rebours**. L’élément apparaît en haut de la colonne et sa boîte de dialogue de paramètres s’ouvre.
2. Choisissez un **Countdown style**, par exemple **3D flip**.
3. Laissez **Date / Time Limitations** sur sa valeur par défaut, Specify date only, et définissez la **Date** de fin du compte à rebours.
4. **Display options** a ses cinq unités cochées. Décochez celles dont vous n’avez pas besoin ; ici, nous décochons **Show remaining years**.
5. Cliquez sur **Enregistrer** dans la boîte de dialogue, puis sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu pour stocker la page.

  ## Ce que vous voyez

L’horloge décompte jusqu’à la date choisie, dans le style et les unités choisis. Dans la vidéo, une horloge 3D flip affiche les jours, les heures, les minutes et les secondes avant une date dans trois mois. Les visiteurs la voient une fois la page enregistrée et publiée.

## Configurer votre compte à rebours

Survolez l’élément et ouvrez **Plus > Paramètres** dans sa barre de contrôle. Options :

- **Countdown style :** l’aspect de l’horloge : Plain, Grid, 3D flip, Disc, Airport style ou Transparent.
- **Date / Time Limitations :** ce jusqu’à quoi l’horloge compte. Choisissez Specify date only (par défaut), Specify date and time, Specify time only (répétition quotidienne) ou Resetting counter (intervalle jusqu’à 24 heures).
- **Date :** le jour de fin du compte à rebours. Il se termine à minuit, au début de ce jour, dans le fuseau horaire de chaque visiteur. Les autres modes affichent **Date / Time** ou **Time** à la place.
- **Reset in hours :** avec **Reset in minutes** et **Reset in seconds**, l’intervalle d’un compteur à réinitialisation.
- **Page referrer :** une page qui s’ouvre quand le temps est écoulé. Elle n’apparaît que pour les modes à répétition et à réinitialisation.
- **Automatic restart :** relance un compteur à réinitialisation quand il atteint zéro.
- **Display options :** les unités affichées par l’horloge, de Show remaining years à Show remaining seconds. Les cinq sont cochées par défaut.

## Si rien ne s’affiche

- **Le compte à rebours ne figure pas dans l’onglet Contenu.** Votre profil d’utilisateur le masque. Demandez à un administrateur de cocher **Countdown** sous **Elements** dans [Profils d’utilisateurs](/fr/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Il a disparu après rechargement.** La page n’a pas été enregistrée. Ajoutez-le de nouveau et cliquez sur **Enregistrer** dans la barre d’outils en haut de la zone de contenu.
- **Tous les chiffres affichent zéro.** La date cible est passée. Survolez l’élément et ouvrez **Plus > Paramètres**, puis définissez une **Date** future.
- **Il n’y a pas de champ Date.** **Date / Time Limitations** est réglé sur un autre mode. Choisissez Specify date only, ou renseignez le champ **Date / Time** ou **Time** affiché par ce mode.
- **L’horloge recommence chaque jour.** **Date / Time Limitations** est réglé sur Specify time only (répétition quotidienne). Choisissez Specify date only pour un événement ponctuel.

## Et ensuite ?

[Onglet Style](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) pour modifier l’espacement et l’arrière-plan de votre compte à rebours.