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

avatar maszgalang
@maszgalang

297 Kontribusi 80 Poin

Diperbarui 7 tahun yang lalu

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,....

avatar maddock
@maddock

119 Kontribusi 115 Poin

Dipost 7 tahun yang lalu

kok cuman ada continue .??

avatar maszgalang
@maszgalang

297 Kontribusi 80 Poin

Dipost 7 tahun yang lalu

udah download pluginnya gan? klo udah sertakan di file htmlnya sekalian ma jquerynya

avatar maddock
@maddock

119 Kontribusi 115 Poin

Dipost 7 tahun yang lalu

gmana kalo mau add ke blog gan?

avatar malwarecode
@malwarecode

1 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

blog bikinan sendiri apa dari blogspot/wordpress? klo bikinan sendiri, tinggal masukin kodenya aja gan

avatar maddock
@maddock

119 Kontribusi 115 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban