Skip to content

wesley0609/countDown.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

countDown.js 倒數計時器

一個輕量化的倒數計時器,不需使用任何套件即可使用,引入 dist 內的 countDown.jscountDown.min.js 加上簡單的 class 以及 dataset 即可開始倒數計時。

適合商品上架或到期的倒數計時器。

Demo

Install

<script src="countDown.min.js"></script> 插入在 </body> 前。

countDown.js

<script src="countDown.js"></script>

countDown.min.js

<script src="countDown.min.js"></script>

Example

使用方式為: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>

About

倒數計時器

Resources

Stars

Watchers

Forks

Contributors 2

  •  
  •