【jQuery】HTML5のcanvas要素でクロックを表示するBandClock

jQuery

bandClock

March 26, 2017

BandClockはHTML5のcanvas要素を使用して、ダイナミックなクロックを表示するjQueryプラグイン。軽量でカスタマイズ可能。

Install with Bower

<div class="clock"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/path/to/bandClock.js"></script>
<script>
  $(function () {
    $(.clock).bandClock({
      // your options goes here
    });
  })
</script>

Options

Property Default
size 300
color #18FFFF
bgColor #212121
lineWidth 10
lineCap butt
gap 5
fontStyle 20 Verdana

Browser Support

  1. Chrome
  2. Safari
  3. FireFox
  4. Opera
  5. Internet Explorer 9+

Latest Posts

Related Posts