FlipClock.js

JavaScript

時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

FlipClock.jsというjQueryプラグインを使えば、時計・タイマー・カウントダウンといった機能を簡単に実装することができます。パタパタとフリップしながらめくられていくアニメーションも素敵ですね。何かの時間を表示させたい時に活用してみたいです。

[ads_center]

FlipClock.js

FlipClock.js

FlipClock.js

スッキリとしたシンプルなデザインでとても見やすいですね。パタパタとめくられる動作がついているので、時間が経過していることも認識しやすいと思います。

オプションで色々と設定が可能で、例えば1時間(=3600秒)のカウントダウンを実行したりすることができます。

使い方も簡単にセットできる辺りがいいですね。

表示時間を設置したいといった時に、選択肢の1つとして覚えておきたいjQueryプラグインです。

文字をアニメーション付きで次々に入替できるjQueryプラグイン「Words Rotator」前のページ

WordPressで指定したタグを付けると広告を非表示にできる設定方法次のページWordPressで広告を非表示

関連記事

  1. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

  2. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

  3. no-image

    JavaScript

    ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

    darkbox.jsはミニマルながらもダイナミックなLightbox風…

  4. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  5. NO IMAGE

    JavaScript

    レスポンシブ対応のスタイリッシュなスライドショー実装「offbeatSlider」

    offbeatSliderはレスポンシブに対応したアニメーション付きの…

  6. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

最近の記事

  1. フィールグッドシャワー
  2. RP-PB055
  3. ESD-EFシリーズ

アーカイブ

PAGE TOP