Countdown Script

Berikut diberikut skrip countdown menuju tanggal tertentu pada kalender Masehi. Silahkan dicopy-paste.

  <head>
  <link rel="icon" href="chemistry.png" />
  <link rel="stylesheet" href="sahifa.css" type="text/css" media="all">
  <title>Countdown 02022020 - 0:00</title>
  </head>
  <body>
  <div class="e3lan e3lan-top">
  <style type="text/css">
  .countdown {
  display: flex;
  border:1px solid #000000;
  border-radius: 10px;
  padding-left:10px;
  padding-top:10px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-right: 10px;
  }
   
  .countdown .day, .countdown .hour, .countdown .min, .countdown .sec {
  color: #000000;
  padding: 1vw 1vw;
  text-align: center;
  }
   
  .countdown .day .num, .countdown .hour .num, .countdown .min .num, .countdown .sec .num {
  display: block;
  font-size: 2vw;
  }
   
  .countdown .day .word, .countdown .hour .word, .countdown .min .word, .countdown .sec .word {
  display: block;
  font-size: 1vw;
  color: #000000;
  margin-top:2em;
  }
  </style>
   
  <div class="countdown" data-date="02-02-2020" data-time="0:00">
  <h1>MENUJU 02022020 0:00 </h1>
  <span class="img"><img src="chemistry.png" width="50" height="59"/></span>
  <span class="day"><span class="num"></span><span class="word"></span></span>
  <span class="hour"><span class="num"></span><span class="word"></span></span>
  <span class="min"><span class="num"></span><span class="word"></span></span>
  <span class="sec"><span class="num"></span><span class="word"></span></span>
  </div>
  <script type="text/javascript" src="countdown.js"></script>
  <script>
  const efcc_countdown = new countdown({
  target: '.countdown',
  dayWord: ' Hari',
  hourWord: ' Jam',
  minWord: ' Menit',
  secWord: ' Detik'
  });
  </script>
  </div>
  </body>
   

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.