jQuery
【jQuery】テキスト量から読むための推定時間を表示するシンプルで軽量のjQueryプラグインReading Time
March 2, 2018

Reading Timeは、テキストを読むための推定時間を表示するためのシンプルで軽量なjQueryプラグインです。
jQueryとプラグインをインクルード。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="/js/plugins/readingtime.js"></script>
推定読み上げ時間が表示されるeta
クラスを持つ要素を作成
<article> <div class="eta"></div> </article>
オプションで、単語数の合計を表示するクラスまたはIDを持つ要素を作成することもできます。
<article> <div class="eta"></div> <div class="word-count"></div> </article>
クラス、ID、または要素をターゲットにしてプラグインを初期化します。
$('article').readingTime();
Example:
$(function() { $('article').readingTime({ readingTimeAsNumber: true, readingTimeTarget: $('.reading-time'), wordsPerMinute: 275, round: false, lang: 'fr', success: function(data) { console.log(data); }, error: function(data) { console.log(data.error); $('.reading-time').remove(); } }); });
MIT