Cara buat script waktu mundur di blog





Hallo sobat berjumpa kembali , dengan admin  , ya admin kali ini akan berbagi script waktu mundur yang bisa di tampilkan di halaman blog sobat.


  • Yang pertama sobaat harus login ke blog sobat terlebih dahulu.
  • Lalu setelah sobat berada di blog sobat, sobat pergi ke tata letak dan letakan kode berikut di Html dan sobat bisa lihat hasil nya.


  • Copy paste code berikut ini dan letakan di HTML 

<style scoped="scoped" type="text/css">
#countdownpenaindigo {background:black;color:yellow;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="countdownpenaindigo">
<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, 2020").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 <br/>menuju tahun</span> 2020";
}, 1000);
//]]>
</script>

Jan 1 2020 ganti dengan tahun tujuan anda

Menuju tahun 2020 ganti dengan tahun tujuan anda atau ulangtahun atau juga Event

  • Berikut dibawah ini adalah contoh hasil nya
  • Baiklah sampai disini dulu perjumpaan kita 
  • Semoga bermanfaat . Trimakasih..






No comments