Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Countdown Timer Tahun Baru 2023 di Blog atau website

Daftar isi [Tampil]

Tak terasa sebentar lagi tahun baru 2023 akan tiba , sebagai seorang blogger widget Countdown Timer dapat dijadikan sebagai apresiasi untuk menyambut kehadiran tahun baru 2023 ini. Sebelumnya tahukah kamu apa itu Countdown Timer? hemm kalau belom tahu saya kasih tahu ya .

Countdown Timer merupakan widget penghitung waktu secara mundur yang biasanya digunakan menuju waktu atau hari tertentu. Biasanya sih countdown timer atau penghitungan waktu mundur digunakan untuk menyambut Tahun Baru atau moment - moment spesial lainya , khususnya tahun baru 2023 ini .

Untuk demo Countdown Timer seperti gambar dibawah


Tutorial Membuat Widget Countdown Timer Tahun Baru 2023

Untuk cara pemasangan Countdown Timer sangat mudah sekali silahkan salin dan tempelkan kode dibawah ini pada widget HTML/JavaScript :

<style type="text/css" scoped="scoped">
#tahunbaru2023 {background:black;color:#5CAAFF;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="tahunbaru2023">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("Jan 1, 2023").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;
    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
    // format countdown string + set tag value
  countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju Tahun</span> 2023";

}, 1000);
//]]>
</script>

Gimana Caranya sangat mudah bukan? 
sangat mudahkan . Bagi anda yang tertarik dengan widget tersebut untuk menyambut tahun baru 2023 silahkan pasang widget tersebut di blog anda sekarang juga sebelum tahun 2023 tiba

Mudah-mudahan share kali ini ada manfaatnya kalau tidak ada baiknya mohon jangan diambil. demikianlah postingan tentang Cara Membuat Countdown Timer Tahun Baru 2023 di Blog atau website yang bisa saya sampaikan semoga bisa menambah pengetahuan anda, mungkin ada tambahan dari kamu sekalian? kalau ada silahkan isi di kolom komentar jangan lupa juga berikan sebuah saran .

Artikel ini telah di perbarui, judul artkel sebelumnya adalah : Cara Membuat Countdown Timer Tahun Baru 2023 di Blog/website

6 komentar untuk "Cara Membuat Countdown Timer Tahun Baru 2023 di Blog atau website"

  1. wah boleh nih di taruh di widget blog saya . makasih info nya.

    BalasHapus
  2. tapi gmana mau copas script nya . klik kanan gak bisa. di select all gak bisa :(

    BalasHapus
    Balasan
    1. 😁😁😁 chat kontak sob, nanti untuk scriptnya akan di kirimkan via chat

      Hapus

Tata Tertib Berkomentar :
🔖 Berkomentarlah yang relevan sesuai topik.
🔖 Jika bermanfaat, sobat bisa bagikan juga ke teman-teman sobat melalui tombol media sosial di atas, karena berbagi itu indah, semoga jadi jalan kebaikan.

Ingin Mendukung Kami Bisa melalui Halaman Donasi