Cara Membuat hitung mundur dengan jquery ( How To Make Countdown with Jquery )
Hi Bloggers ,
Selamat siang , kembali lagi dengan Mudah-loh.blogspot.com
Pernah ngelihat countdown pada website ? (seperti pada saat login di kaskus )
untuk membuat countdown ( hitung mundur ).
Yang perlu anda siapkan yaitu file jquery , bisa unduh di Jquery
jika sudah siap semua , mari langsung ke topik
Cara Membuat hitung mundur dengan jquery,
tuliskan script :
setelah selesai akan muncul link baru.
Sekian Membuat hitung mundur dengan jquery dari Mudah-loh.blogspot.com semoga bermanfaat.
 |
| Make Countdown with Jquery |
Hi Bloggers ,
Selamat siang , kembali lagi dengan Mudah-loh.blogspot.com
Pernah ngelihat countdown pada website ? (seperti pada saat login di kaskus )
untuk membuat countdown ( hitung mundur ).
Yang perlu anda siapkan yaitu file jquery , bisa unduh di Jquery
jika sudah siap semua , mari langsung ke topik
Cara Membuat hitung mundur dengan jquery,
tuliskan script :
<script type="text/javascript" src="../../js/jquery1.9.1.js"></script> <!--sesuaikan dengan root folder jquery anda-->Konsep dari script di atas yaitu anda mendefinisikan hitung mundur ( countdown) dari angka berapa ,
<script type="text/javascript">
var WaktunyaBro = 5; <!--script di mulai dari angka 5 bisa di sesuai kan-->
$(document).ready(function() { startCountdown(); });
function startCountdown() {
if((WaktunyaBro - 1) >= 0){
WaktunyaBro = WaktunyaBro - 1;
$("#tungguyabro").html('Sabar ya tinggal<font style="font-size:125%;"> <b>' + WaktunyaBro + '</b></font> detik, Tunggu ya bro..!');
setTimeout(startCountdown, 1000);
}
else{
$("#tungguyabro").html('<a href="../dasbhoard">Klik untuk masuk ke dasbhoard</a>'); <!--di sini link setelah tulisan countdown-->
}
}
</script>
<div id="tungguyabro"></div>
setelah selesai akan muncul link baru.
Sekian Membuat hitung mundur dengan jquery dari Mudah-loh.blogspot.com semoga bermanfaat.