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

Berbagi :