jQuery

【jQuery】カウントダウンとカウントアップのための高速タイマー・プラグインTimezZ

August 21, 2018
TimezZ

このプラグインを使用すると、簡単にサイトにタイマーを置くことができます。設定を使用すると、タグを変更することができます。

Usage

Connect

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

HTML

<div class="j-timer"></div>

Initialization

new TimezZ('.j-timer');

Config

new TimezZ('.j-timer', {
date: 'January 1, 2040 00:00:00',
daysName: 'd',
hoursName: 'h',
minutesName: 'm',
secondsName: 's',
tagNumber: 'span',
tagLetter: 'i',
stop: false,
});

Example customize

.timer {
  font-size: 70px;
}

.timer span {
  color: #555;
}

.timer i {
  color: #bbb;
  font-size: 40px;
}

MIT