<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 ----------> <div class="container"> <div class="row"> <h2>geri sayımlı kapatma</h2> <div id="uyari" class="alert alert-danger custom-alert"> <a href="#" class="close" data-dismiss="alert">×</a> <strong>Dikkat!</strong> Kullanıcılar Maaşalma Oran Tercihi ile ilgili 2<b>024 MOT oranı</b> ile <b>2025 MOT oranı</b> alanlarındaki kendi MOT oranlarını güncellemeleri gerekmektedir. </div> </div> </div>

.custom-alert{ background:#9D0005; border-color:#9D0005; color:#fff; } .custom-alert .close{ color:#fff; opacity:1; }

let timeLeft = 3; const timer = setInterval(function(){ console.log(timeLeft + " saniye kaldı"); timeLeft--; if(timeLeft < 0){ clearInterval(timer); // slide efektiyle kapan $("#uyari").slideUp(500); } },1000);