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>