Pada tutorial kali ini kita akan mencoba Membuat Waktu Hitung Mundur Otomatis dengan mengimplementasikan salah satu jquery plugin yang bernama jquery countdown.
Apa yang di massud waktu hitung mundur otomatis ? kalian pasti pernah melihat sebuah pengumuman coming soon entah di website 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 jika mendekati pergantian hari maka akan ada waktu mundur menuju jam 12.00 hehhe, seperti itulah. paham kan ?
jquery countdown memiliki fungsi seperti itu, baikah kita langsung membuatnya saja:
Jquerynya bisa kalian download disini
baik 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 maka akan menampilkan hasil seperti ini :
karena saya screen menjadi gambar maka hasilnya pun tidak terlihat mundur, tetapi jika tidak ada salah penulisan maka waltu tersebut akan mundur secara otomatis .
Baiklah itu saja dari swaya tentang Membuat Waktu Hitung Mundur Otomatis, sampai bertemu pada artikel selanjutnya.