devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt
Audit Situs

Generator Countdown Timer — Embed Hitung Mundur di Website Apa Saja

Buat countdown timer untuk peluncuran, diskon, webinar, atau acara, lalu tanam di mana saja: Webflow, WordPress, Shopify, atau HTML biasa. Pilih tanggal, jam, dan zona waktu berakhir (supaya setiap pengunjung menghitung mundur ke momen yang sama), satuan, gaya dan warna, serta apa yang terjadi saat hitungan nol: tampilkan pesan, sembunyikan timer, atau arahkan ke halaman lain.

Diperbarui

Pratinjau

Kode embed


    
Di Webflow, tambahkan elemen Embed (atau Site settings → Custom code) lalu tempel kodenya. Di WordPress, gunakan blok Custom HTML.

  

  


    
 Data kamu tidak pernah meninggalkan komputer kamu. Semua proses berjalan 100% secara lokal di browser kamu.
Apakah alat ini membantu?0.0 0 penilaian

    
    
    Konversi tanggal dan jam antar zona waktu, DST ditangani otomatisKonverter Zona Waktu →
    
    

      
Cara menggunakan Generator Countdown Timer
  1. Pilih tanggal dan jam berakhir beserta zona waktu-nya. Timer akan mengonversinya, jadi waktu berakhirnya sama untuk setiap pengunjung.
  2. Pilih satuan yang ingin ditampilkan, lalu ketik label dalam bahasamu.
  3. Tentukan apa yang terjadi saat nol: tampilkan pesan, sembunyikan timer, atau pindah ke halaman lain.
  4. Pilih gaya dan warna, lalu salin kode ke elemen Embed (Webflow) atau blok Custom HTML (WordPress).


Satu momen yang sama untuk setiap pengunjung


Waktu berakhir disimpan sebagai momen UTC yang tepat, dihitung dari tanggal, jam, dan zona waktu yang kamu pilih, termasuk hori musim panas (daylight saving time) pada tanggal tersebut. Pengunjung di Tokyo dan New York melihat jam lokal yang berbeda, tetapi timer mencapai nol di detik yang sama.


Ringan dan mandiri


Kode embed hanya beberapa baris HTML, CSS, dan JavaScript tanpa library. Gayanya dibatasi pada class unik supaya tidak bentrok dengan situsmu. Timer diperbarui setiap detik, menggunakan aria-live secara sopan agar pembaca layar tidak kebanjiran pengumuman, dan berhenti bekerja saat tab disembunyikan. Beberapa timer bisa berada di satu halaman, jadi buat satu kode untuk setiap timer.


Gunakan countdown hanya untuk batas waktu yang nyata. Timer “evergreen” palsu yang mengulang untuk setiap pengunjung menyesatkan pelanggan dan dilarang oleh aturan perlindungan konsumen di banyak negara. Terkait: Time Zone Converter, Unix Timestamp Converter.
Juga dicari sebagai: embed countdown timer, countdown timer website, countdown timer html, countdown timer webflow, countdown peluncuran, countdown timer diskon, widget countdown gratis.
Tool yang cocok dipakai bersama Generator Countdown Timer
Pertanyaan yang sering diajukan
Bagaimana cara menambahkan countdown timer ke Webflow?
Buat timer, tambahkan elemen Embed di tempat timer harus muncul, tempel kodenya, lalu publikasikan. Timer berfungsi di situs yang sudah dipublikasikan maupun di preview.
Apakah timer akan berakhir di waktu yang sama untuk semua orang?
Ya. Waktu berakhir dikonversi dari zona waktu yang kamu pilih menjadi momen yang tepat, jadi tidak bergantung pada pengaturan jam atau zona waktu perangkat pengunjung.
Apa yang terjadi saat timer mencapai nol?
Sesuai pilihanmu: timer menampilkan pesanmu, menyembunyikan dirinya sendiri, atau mengirim pengunjung ke halaman, misalnya halaman diskon yang sedang berjalan.
Bisakah saya memasang dua timer di satu halaman?
Bisa. Setiap kode memakai class unik sendiri, jadi buat satu kode untuk setiap timer.
Bisakah saya memasang Generator Countdown Timer sebagai aplikasi web dan memakainya offline?
Bisa. Generator Countdown Timer adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.

      
    

    
    
Tool terkait
localKonverter Zona WaktuKonversi waktu antar kota dan zona waktu, dan lihat jam saat ini di seluruh dunia. Mau atur rapat? Gunakan…localKonverter Unix TimestampLihat waktu Unix saat ini secara langsung, konversi timestamp epoch apa pun (detik, milidetik, mikro- atau…localKalkulator Selisih TanggalHitung jumlah hari di antara dua tanggal, termasuk hari kerja dan rincian tahun/bulan/hari. Kamu juga bisa…localGenerator Banner CookieTambahkan banner cookie consent ke situs apa pun — Webflow, WordPress, Shopify, atau HTML biasa — tanpa…localHTML & CSS ke WebflowTempel HTML dan CSS-nya, klik Copy to Webflow, lalu tempel di Designer. Kamu langsung mendapatkan Div…localGenerator Animasi CSSDesain animasi CSS di atas timeline keyframe sungguhan. Mulai dari 50+ preset, geser frame demi frame,…