---
title: "カウントダウンタイマー"
description: "ペイウォールにカウントダウンタイマーを追加します。"
---

**カウントダウンタイマー**は、設定した時間からゼロに向かってカウントダウンし、ゼロに達すると表示が停止します。

## テンプレート \{#templates\}

このカテゴリーには4つのビジュアルバリアントがあります：

- **Blocks** — 日・時・分・秒をそれぞれラベル付きのセルに分けて表示します。
- **Inline Units** — 単位のサフィックスを付けた1行テキスト表示です。
- **Inline** — 数字のみの表示です。
- **Badge** — ピル形状の数字表示です。

## 設定 \{#settings\}

### 時間を設定する \{#set-the-duration\}

右パネルの **Countdown** セクションで、開始時間を日・時・分・秒で入力します。

### 動作を設定する \{#configure-the-behavior\}

**Behavior** ドロップダウンでタイマーの開始タイミングを設定します：

- **Every appear** — ユーザーが画面を開くたびに再スタートします。デフォルト設定です。
- **First appear** — 現在のアプリセッション中にユーザーが初めて画面を表示したときにスタートします。同じセッション中に戻ってきた場合はカウントを継続し、アプリを新たに起動するとリセットされます。
- **First appear (persisted)** — ユーザーが初めて画面を開いたときにスタートし、アプリを再起動してもカウントを継続します。

### タイマー終了時にアクションをトリガーする \{#trigger-an-action-when-the-timer-ends\}

:::link
関連記事：[アクション](onboarding-actions)
:::

カウントダウンがゼロになったときにアクションを実行するには、**On timer end** トリガーを追加します。たとえば、別の画面に遷移したり、割引バッジを非表示にしたりすることができます。