ReadRemaining.js

JavaScript

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

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

ReadRemaining.js

ReadRemaining.js

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

ReadRemaining.js

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

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

$('body').readRemaining();

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

関連記事

  1. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  2. Tag-it

    JavaScript

    サジェスト機能を搭載したタグ編集ウィジェット「Tag-it」

    Tag-itはサジェスト機能を搭載したjQuery UIプラグインによ…

  3. FixedContent.js

    JavaScript

    モバイルフレンドリーなコンテンツ固定のjQueryプラグイン「FixedContent.js」

    FixedContent.jsはスクロールしてもコンテンツを固定してく…

  4. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  6. Simple Easy Slider

    JavaScript

    美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

    Simple Easy Sliderは美しいフェードアニメーションによ…

最近の記事

  1. カメラマングローブ Grip Hot Shot III
  2. 包(つつむ)巾着ポーチ
  3. KMC-80BK
  4. 味噌ラーメン〜旨辛にんにく味噌〜

Instagram始めました

Facebookページ

PAGE TOP