---
url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
title: '카운트다운 타이머 추가 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:03:10+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  행사, 마감일, 혜택 종료까지 남은 시간을 보여주는 실시간 시계를 만들 수 있습니다. 날짜가 중요하고 방문자가 기한 전에 행동하기를 바랄 때 사용하세요.

  카운트다운 타이머 추가
  로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
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:03:10+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: '카운트다운 타이머 추가'
      description: |-
        행사, 마감일, 혜택 종료까지 남은 시간을 보여주는 실시간 시계를 만들 수 있습니다. 날짜가 중요하고 방문자가 기한 전에 행동하기를 바랄 때 사용하세요.

        카운트다운 타이머 추가
        로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:03:10+0000'
      dateModified: '2026-10-24T14:03:10+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/ko/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
      articleSection: '데이터와 모션'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/countdown-timer'
      description: |-
        행사, 마감일, 혜택 종료까지 남은 시간을 보여주는 실시간 시계를 만들 수 있습니다. 날짜가 중요하고 방문자가 기한 전에 행동하기를 바랄 때 사용하세요.

        카운트다운 타이머 추가
        로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 홈
            item: 'https://dxpr.com/ko'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ko
---
[도움말 센터](/ko/node/75)/[문서](/ko/hc/documentation) /[DXPR Builder 배우기](/ko/hc/documentation/learn-dxpr-builder) /[페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/build) /[콘텐츠 추가](/ko/hc/documentation/learn-dxpr-builder/elements) /[데이터와 모션](/ko/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # 카운트다운 타이머 추가.

 DXPR Builder 배우기페이지 만들기콘텐츠 추가데이터와 모션

   ## 이 가이드의 내용

 관련 가이드

- [스타일 패널에서 요소 모양 변경](/ko/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

행사, 마감일, 혜택 종료까지 남은 시간을 보여주는 실시간 시계를 만들 수 있습니다. 날짜가 중요하고 방문자가 기한 전에 행동하기를 바랄 때 사용하세요.

## 카운트다운 타이머 추가

로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 [첫 페이지](/hc/documentation/learn-dxpr-builder/getting-started/first-page)에서 확인하세요.

1. 컬럼에 마우스를 올리고 컨트롤 바에서 **+**를 클릭하거나, 빈 페이지에서 **요소 추가**를 클릭합니다. **콘텐츠** 탭을 열고 **카운트다운 타이머**를 클릭합니다. 컬럼 맨 위에 요소가 추가되고 설정 대화상자가 열립니다.
2. 시계 모양으로 **카운트다운 스타일**을 선택합니다(예: **3D 플립**).
3. 카운트다운이 끝나는 기준은 기본값인 날짜만 지정으로 **날짜/시간 제한**에 두고 **날짜**를 설정합니다.
4. **표시 옵션**에는 다섯 단위가 모두 선택되어 있습니다. 필요 없는 단위는 선택을 해제합니다. 여기에서는 **남은 연 표시**를 해제합니다.
5. 대화상자에서 **저장**을 클릭합니다. 그런 다음 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭하여 페이지를 저장합니다.

  ## 표시 내용

선택한 스타일과 단위로 정한 날짜까지 남은 시간을 표시합니다. 동영상에서는 3개월 후 날짜까지 남은 일, 시간, 분, 초를 보여주는 3D 플립 시계가 표시됩니다. 페이지를 저장하고 게시하면 방문자에게 표시됩니다.

## 카운트다운 타이머 설정

요소에 마우스를 올리고 컨트롤 바에서 **더보기 > 설정**을 엽니다. 옵션:

- **카운트다운 스타일:** 시계의 모양: 일반, 그리드, 3D 플립, 디스크, 공항 스타일, 투명.
- **날짜/시간 제한:** 시계가 가리키는 대상. 날짜만 지정(기본값), 날짜 및 시간 지정, 시간만 지정(매일 반복), 리셋 카운터(최대 24시간 간격 설정) 중에서 선택합니다.
- **날짜:** 카운트다운이 끝나는 날. 방문자별 현지 시간 기준으로 해당 날짜가 시작되는 자정에 끝납니다. 다른 모드에서는 **날짜/시간** 또는 **시간**이 대신 표시됩니다.
- **리셋 시간:** **리셋 분**, **리셋 초**와 함께 리셋 카운터의 간격을 정합니다.
- **이동 페이지:** 시간이 다 되면 열리는 페이지. 반복 및 리셋 모드에서 표시됩니다.
- **자동 다시 시작:** 리셋 카운터가 0에 도달하면 다시 시작합니다.
- **표시 옵션:** 시계에 표시되는 단위(남은 연 표시~남은 초 표시). 기본적으로 다섯 단위가 모두 선택되어 있습니다.

## 표시되지 않는 경우

- **콘텐츠 탭에 카운트다운 타이머가 없습니다.** 사용자 프로필에서 숨겨져 있습니다. 관리자에게 **카운트다운 타이머(Countdown)**의 **요소** 항목을 [사용자 프로필](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)에서 선택해 달라고 요청하세요.
- **다시 로드하면 사라집니다.** 페이지가 저장되지 않았습니다. 다시 추가하고 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭합니다.
- **모든 숫자가 0으로 표시됩니다.** 목표 날짜가 지났습니다. 요소에 마우스를 올리고 컨트롤 바에서 **더보기 > 설정**을 연 뒤 이후의 **날짜**를 설정합니다.
- **날짜 필드가 없습니다.** **날짜/시간 제한**이 다른 모드로 설정되어 있습니다. 날짜만 지정을 선택하거나 해당 모드에 표시되는 **날짜/시간** 또는 **시간** 필드를 입력합니다.
- **시계가 매일 다시 시작됩니다.** **날짜/시간 제한**이 시간만 지정(매일 반복)으로 설정되어 있습니다. 일회성 행사에는 날짜만 지정을 선택합니다.

## 다음 단계

[스타일 탭](/hc/documentation/learn-dxpr-builder/element-settings/style-tab)에서 카운트다운 타이머의 간격과 배경을 변경할 수 있습니다.