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> | |