Membuat Waktu Hitung Mundur Otomatis

Di panduan kali ini kita akan mencoba  Merancang Waktu Hitung Mundur Otomatis dengan mengimplementasikan diantara jquery plugin yang bernama jquery countdown.



Apa yang di massud waktu hitung mundur otomatis ?  kalian pasti pernah melihat sebuah pengumuman coming soon entah di blog atau di jalan-jalan yang menempatkan waktu hitung mundur otomatis misal,  Pendaftaran Kursus di dumet akan di buka : 03 weeks 04 days 04:09:25 lagi atau kalau kita tahun baruan seandainya mendekati pergantian hari karenanya akan ada waktu mundur menuju jam 12.00 hehhe, seperti demikianlah. paham kan ?



jquery countdown mempunyai manfaat seperti itu, baikah kita seketika membuatnya saja:



Jquerynya dapat kalian unduh disini



bagus setelah kalian downlload  silahkan salin kode HTML di bawan ini :



<!DOCTYPE html>
<html>
<head>
<title></title>
<script type=text/javascript src=https://code.jquery.com/jquery-3.2.0.min.js></script>
<script type=text/javascript src=jquery.countdown.min.js></script>
</head>
<body>
<div id=getting-started></div>
<script type=text/javascript>
$('#getting-started').countdown('2017/04/16', function(event) {
$(this).html(event.strftime('%w weeks %d days %H:%M:%S'));
});
</script>
</body>
</html>


setelah di salin karenanya akan menampilkan hasil seperti ini :



Pada



karena saya screen menjadi gambar karenanya hasilnya pun tak terlihat mundur, tetapi seandainya tak ada salah penulisan karenanya waltu tersebut akan mundur secara otomatis .



Baiklah itu saja dari swaya mengenai Merancang Waktu Hitung Mundur Otomatis, hingga bertemu di artikel berikutnya.



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Membuat Form Menarik Menggunakan HTML dan CSS

Cara Menghapus Isi Dari Form Input Menggunakan Javascript