JavaScript

スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Reading Time」

とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を読む時なんかに、下へスクロールしていくとスクロールバーにあと何分で読めるか時間を表示してくれるjQueryプラグイン「jQuery Reading Time」です。スクロールに追従してくれるのでどの位置にいても時間を確認することができます。

[ads_center]

使い方

使い方はとても簡単です。以下のようにHTMLを記述します。

<div class="post">
    <p>sample text sample text sample text...(以下略)</p>
</div>

jQuery本体とダウンロードしたJSファイルをhead内に読み込み、プラグインをセットすればOKです。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script>
<script src="jquery.readingTime.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    $('.post').readingTime();
});
</script>

こんな感じでスクロールバーにあと何分かを表示してくれます。便利ですね。

jQuery Reading Time

ダウンロードや詳細は以下からどうぞ。

関連記事

  1. Stretchy

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

  2. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

  3. imgViewer2

    JavaScript

    画像のズームとパン機能を備えたjQueryプラグイン「imgViewer2」

    imgViewer2は画像のズームとパン機能を備えたjQueryプラグ…

  4. JavaScript

    指定した要素をパカパカと点滅させることができる「jquery.flicker」

    とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要…

  5. Material ScrollTop Button

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP