Bootstrap Snippet countdown timer using HTML jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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">
            <center><h2>Countdown timer</h2></center>
         <!-- zaman başlangıç -->
    <div id="zamanpanel" style="display:block;font-weight:bold;color:#000;" >  <!-- :block -->
    <center>Güneşin Batmasına Kalan Süre</center>
        <center id="zamanbaslik"></center>
        <center><span style="background-color:#FFF133;font-size:18px;" id="kalanzaman" >.</span></center>
    </div><!-- zamanpanel bitiş -->   
    </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function(){
              // zamanı girin
              var countDownDate = new Date("mar 14, 2028 19:00:00").getTime();
              // Update the count down every 1 second
              var x = setInterval(function() {
                  // Get today's date and time
                  var now = new Date().getTime();
                  // Find the distance between now and the count down date
                  var distance = countDownDate - now;
                  // Time calculations for days, hours, minutes and seconds
                  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);
                  // Output the result in an element with id="kalanzaman"
                  let Mgun = (days == 0) ? "" : days + " gün ";
                  let Msaat = (hours == 0) ? "" :  hours + " saat ";
                  let Mdak = (minutes == 0) ? "" : minutes + " dak ";
                  let Msan = (seconds == 0) ? "" : seconds + " san";
                  var Mdonen = Mgun + Msaat + Mdak + Msan;
                  // Output the result in an element with id="kalanzaman"
                  document.getElementById("kalanzaman").innerHTML = Mdonen;
                  // If the count down is over, write some text
                  if (distance < 0) {
                      clearInterval(x);
                      //document.getElementById("kalanzaman").innerHTML = "zaman bitti.";
                    $("#zamanpanel").attr("style", "display:none");
                    //$("#zamanbaslik").text("Nema");
                    //$("#kalanzaman").css("display","none");
                    //$("#kalanzaman").text("77.1").slideDown();
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"countdown timer"
Bootstrap 3.1.0 Snippet by muhittinbudak

Related: See More

Questions / Comments:

"countdown timer" Bootstrap 3.1.0 Snippet by muhittinbudak

Related: See More

Questions / Comments:

"countdown timer"
Bootstrap 3.1.0 Snippet by muhittinbudak