<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<div class="container" style="font-family: 'Strait', sans-serif;">
<div class="row">
<div id="zamanpanel" class="strait-16" style="display:block;font-weight:bold;color:#000;margin-top:20px">
<center>SGK Zammının Belli Olmasına Kalan Süre</center>
<center style="margin-bottom:12px" id="zamanbaslik"></center>
<center>
<span style="background-color:#FFF133;color:#000;font-size:18px;margin-bottom:12px"
class="label label-default"
id="kalanzaman">.</span>
</center>
</div>
</div>
</div>
function startCountdown(yil, ay, gun, saat, dakika, saniye) {
// JavaScript ayı 0-11 arası ister → ay-1
var countDownDate = new Date(
yil,
ay - 1,
gun,
saat,
dakika,
saniye
).getTime();
var x = setInterval(function () {
var now = new Date().getTime();
var distance = countDownDate - now;
if (distance <= 0) {
clearInterval(x);
$("#zamanpanel").hide();
return;
}
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
var text = "";
if (days > 0) text += days + " gün ";
if (hours > 0) text += hours + " saat ";
if (minutes > 0) text += minutes + " dak ";
if (seconds > 0) text += seconds + " san";
$("#kalanzaman").html(text);
}, 1000);
}
$(document).ready(function () {
// ÖRNEK KULLANIM Yıl ay gün saat dakika saniye
startCountdown(2026, 10, 22, 16, 55, 55);
});
