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