- Katılım
- 11 Mar 2018
- Mesajlar
- 174
- Tepkime puanı
- 0
- Puanları
- 0
Merhaba Arkadaşlar.
Sitem için geri sayım sayacı yapmak istiyorum.Fakat süre bittiğinde buton gözükücek.
Bulduğum kodda ise sadece yazı gösteriyor.Bunu butona çevirebilirmiyim?
Sitem için geri sayım sayacı yapmak istiyorum.Fakat süre bittiğinde buton gözükücek.
Bulduğum kodda ise sadece yazı gösteriyor.Bunu butona çevirebilirmiyim?
Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery İle Geri Sayım Sayacı Yapımı</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
var saniye = 10;
var sayacYeri = $("div.sayac span");
$.sayimiBaslat = function(){
if(saniye > 1){
saniye--;
sayacYeri.text(saniye);
} else {
$("div.sayac").text("Merhabalar, ben Ali Demirci.");
}
}
sayacYeri.text(saniye);
setInterval("$.sayimiBaslat()", 1000);
});
</script>
<style type="text/css">
body {
margin: 0;
padding: 0;
font-family: Arial;
}
div.sayac {
background-color: #dddddd;
padding: 15px 20px;
border-bottom: 5px solid #ccc;
}
div.sayac span {
font-weight: bold;
}
</style>
</head>
<body>
<div class="sayac"><span></span> saniye sonra metin gelecektir.</div>
</body>
</html>