Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Countdown waktu
Javascript lagi mbah :3 tentang coundown time and button disable bootstrap klo waktu dah abis baru bisa di klik gan ada yang bisa buat gak :3
contoh
masih awam saya :3 klo ada tutorialnya monggo di sertakan
5 Jawaban:
Jawaban Terpilih
bisa pke plugin jquery.countdown360 https://github.com/johnschult/jquery.countdown360
HTML
<div class="row">
<div class="col-md-6">
<div id="countdown"></div>
<button class="btn btn-danger disabled">CONTINUE</button>
</div>
</div>
CSS
.opaq {
opacity: .3;
}
JS
$(function() {
$("#countdown").countdown360({
radius: 70,
seconds: 5,
strokeWidth: 5,
fillStyle: '#fff',
strokeStyle: '#003F87',
fontSize: 50,
fontColor: '#003F87',
autostart: false,
onComplete: function() {
$("button").removeClass("disabled");
$("#countdown").addClass("opaq");
}
}).start();
})
Demo: https://jsfiddle.net/truuL0j8/
moga bermanfaat gan,....
udah download pluginnya gan? klo udah sertakan di file htmlnya sekalian ma jquerynya
blog bikinan sendiri apa dari blogspot/wordpress? klo bikinan sendiri, tinggal masukin kodenya aja gan