ReadRemaining.js

JavaScript

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

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

ReadRemaining.js

ReadRemaining.js

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

ReadRemaining.js

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

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

$('body').readRemaining();

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

関連記事

  1. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  2. cascadingDivs
  3. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2012年に紹介したjQueryプラグインのまとめ

    当ブログで2012年にご紹介したjQueryプラグインをまとめてみまし…

  4. Inspiration for Letter Effects

    JavaScript

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

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

  5. SimpleAccordion

    JavaScript

    シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」

    SimpleAccordionは、シンプルなアコーディオンを実装するこ…

  6. JavaScript

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「jQuery Burn」

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP