jquery geri sayım yardım.

10-06-2018, 22:11:17

Merhabalar , geri sayım yapacak bir koda ihtiyacım var . Kodun amacı 300 Saniye bekletcek "kalansaniye" Şu kadar saniye kaldı yazacak .
Saniye bitice buton ortaya çıkacak ve saniye yazısı gidip üstüne buton gelecek . Yardım ederseniz sevinirim 1 saatir arıyorum

10-06-2018, 22:37:14

#2

Feaxer

Kimlik doğrulama veya yönetimden onay bekliyor.

HTML

<center>
<p id="hide">Şu kadar saniye kaldı 3</p>
  <button id="btn">OKEY !</button>
</center>

CSS

p{
  color:red;
}

button{
  display:none;
}

JAVASCRİPT

var timer = 3000;
var counter = 3;
var x = document.getElementById("btn");
var z = document.getElementById("hide");

setInterval(function(){
  counter = counter - 1;
  z.innerHTML = "Şu kadar saniye kaldı "+counter;
  if(counter == 0){
 
 
    z.style.display = "none";
    x.style.display = "block";
   
  }
}, timer);

ben 3'den geriye saydırdım kendine göre düzeltirsin. canlı görmek içinde https://codepen.io/feaxer/pen/WyRqNa buraya bakabilirsin.

10-06-2018, 22:43:50

#3

V3SC

Çok teşekkür ederim.

Feaxer adlı üyeden alıntı: mesajı görüntüle

HTML

<center>
<p id="hide">Şu kadar saniye kaldı 3</p>
  <button id="btn">OKEY !</button>
</center>

CSS

p{
  color:red;
}

button{
  display:none;
}

JAVASCRİPT

var timer = 3000;
var counter = 3;
var x = document.getElementById("btn");
var z = document.getElementById("hide");

setInterval(function(){
  counter = counter - 1;
  z.innerHTML = "Şu kadar saniye kaldı "+counter;
  if(counter == 0){
 
 
    z.style.display = "none";
    x.style.display = "block";
  
  }
}, timer);

ben 3'den geriye saydırdım kendine göre düzeltirsin. canlı görmek içinde https://codepen.io/feaxer/pen/WyRqNa buraya bakabilirsin.

hocam dediğiniz olay çalıştı fakat şu kodları eklemek istediğimde çalışmıyor

<form  action="/"  method="post" id="reCaptchaForm">
                        <div align="center" class="alert alert-info">1 Fotoğrafa 1 Kere beğeni gönderebilirsiniz.
                        </div>
                        <div class="form-line">
                            <input type="url" name="photoURL" class="form-control" placeholder="Fotoğraf Linkiniz." maxlength="50" required="">
                        </div><br>
                        <input type="hidden" name="BakmaHaram" value="AnxtlEIAqucTdMd7belfyG7HH5X4ycdcsaXJXyEl">

                        <button class="g-recaptcha btn-block btn btn-success" data-sitekey="6Le7Ql4UAAAAAEg5Ybl9Cb0siqh86519XHfZFhkS" data-callback="onSubmit">
                            Beğeni Gönder
                        </button>
                    </form>

süre bittiğinde burası açılcak sizede zahmet veriyorum kusura bakmayın yardımcı olur musunuz ?