Đồng hồ đếm ngược

Countdown timer selected on the canvas with the Countdown panel and Behavior dropdown visible

Đồng hồ đếm ngược đếm ngược từ một khoảng thời gian cố định về không — khi về đến không, màn hình hiển thị sẽ dừng lại.

Mẫu

Các mẫu đồng hồ đếm ngược

Danh mục cung cấp bốn kiểu hiển thị:

  • Blocks — Ngày, giờ, phút và giây trong các ô riêng biệt có nhãn.
  • Inline Units — Văn bản một dòng kèm đơn vị theo sau.
  • Inline — Chỉ hiển thị số.
  • Badge — Hiển thị số dạng viên thuốc.

Cài đặt

Cài đặt đồng hồ đếm ngược trong bảng bên phải

Đặt thời lượng

Trong phần Countdown ở bảng bên phải, nhập thời lượng bắt đầu theo ngày, giờ, phút và giây.

Cấu hình hành vi

Dropdown Behavior kiểm soát thời điểm bắt đầu đếm ngược:

  • Every appear — Khởi động lại mỗi khi người dùng mở màn hình. Mặc định.
  • First appear — Bắt đầu khi người dùng xem màn hình lần đầu trong phiên ứng dụng hiện tại. Tiếp tục đếm nếu họ quay lại trong cùng phiên; đặt lại khi khởi động lại ứng dụng.
  • First appear (persisted) — Bắt đầu khi người dùng mở màn hình lần đầu và tiếp tục đếm qua các lần khởi động ứng dụng.

Kích hoạt một hành động khi hết thời gian đếm ngược

Thêm trigger On timer end để chạy một hành động khi bộ đếm về 0 — ví dụ: chuyển sang màn hình khác hoặc ẩn biểu ngữ giảm giá.

Độ trễ khi nút đóng xuất hiện

Flow & Paywall Builder không có tùy chọn trực tiếp để trì hoãn thời điểm nút hiển thị — khác với nút đóng của Paywall Builder cũ vốn có tùy chọn Show after delay. Bạn có thể tái tạo độ trễ này bằng một bộ đếm ngược ẩn:

  1. Thêm nút Close vào màn hình (xem Buttons), và đặt Visibility của nút thành Hide trong panel Design.
  2. Thêm một phần tử Countdown timer vào cùng màn hình đó, và ẩn nó theo cách tương tự — bạn chỉ cần logic đếm ngược của nó, không cần hiển thị.
  3. Đặt thời lượng của timer bằng với khoảng thời gian trì hoãn trước khi nút đóng xuất hiện (xem Set the duration).
  4. Trên timer, thêm trigger On timer end với action Show nhắm vào nút đóng (xem Actions — Show/hide elements).

Khi đếm ngược về không, action Show sẽ hiển thị nút đóng. Hãy thay thế cách làm này bằng cài đặt delay tích hợp sẵn nếu builder bổ sung tính năng đó.