一個輕量化的倒數計時器,不需使用任何套件即可使用,引入 dist 內的 countDown.js 或 countDown.min.js 加上簡單的 class 以及 dataset 即可開始倒數計時。
適合商品上架或到期的倒數計時器。
把 <script src="countDown.min.js"></script> 插入在 </body> 前。
<script src="countDown.js"></script><script src="countDown.min.js"></script>使用方式為:class="time_block" data-endtime="yyyy-MM-ddThh:MM:ss±HH:mm" class="time_date" class="time_hour" class="time_min" class="time_sec" 以上皆為必要元素。
data-endtime 為結束日期,格式為 ISO 8601: yyyy-MM-ddThh:MM:ss±HH:mm。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>countDownJS Demo</title>
</head>
<body>
<div class="time_block" data-endtime="2020-12-31T00:00:00+08:00">
<span class="time_date"></span> <!-- 天 -->
<span class="time_hour"></span> <!-- 時 -->
<span class="time_min"></span> <!-- 分 -->
<span class="time_sec"></span> <!-- 秒 -->
</div>
<script src="countDown.min.js"></script>
</body>
</html>