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. jqueryIntroLoader
  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーション動作中と停止中で処理を分ける:animatedと:not(:animat…

    jQueryでアニメーションが動作中の時だけ、またはアニメーションが停…

  3. EasyFader Plugin Demo

    JavaScript

    レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo…

    シンプルなフェードアニメーションによるスライドショーを実装することがで…

  4. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  5. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  6. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP