ReadRemaining.js

JavaScript

記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

ReadRemaining.jsは記事を読むのにどのくらい時間がかかるかを教えてくれる便利なjQueryプラグインです。スクロールしながら読み進めていくことで、文章の横に表示される読了時間がリアルタイムで変化していきます。

ReadRemaining.js

ReadRemaining.js

こんな感じで文章の横に現在読んでいるポイントから読み終わるまでどのくらいの時間がかかるのかを教えてくれます。

ReadRemaining.js

読了まであとどのくらい時間が必要なのか?を知ることができるのは読者にとって割と便利な機能ですよね。記事を読みながらリアルタイムで目安を知ることができるので、このまま読み進めるかもしくは止めるかの判断材料の1つとして活用できるかと思います。

使い方もとてもシンプルで、jQueryコアとプラグインのJS・CSSファイルを読み込んだ状態で以下のようにプラグインをコールするだけです。

$('body').readRemaining();

長文記事をたくさん取り扱っているブログやサイトにはピッタリのjQueryプラグインですね。

指でなぞるだけで簡単にモザイク(ぼかし)処理できるiPhoneアプリ「モザイク」前のページ

HTML5のhistory APIを使用したタブメニューを実装できる「TabbedContent」次のページTabbedContent

関連記事

  1. Tiny slider
  2. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

  3. Flickerplate
  4. Jqx-Media-Slider
  5. jquery-side-navi

    JavaScript

    サイドからスライドでナビゲーションを表示できる「jquery-side-navi」

    jquery-side-naviは、サイドからスライドでタブコンテンツ…

  6. Yet Another Ripple Plugin

最近の記事

  1. Anker PowerWave Pad Alloy
  2. Anker Bolder LC30
  3. BG-R10

アーカイブ

PAGE TOP