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();

1. readingTimeAsNumber
2. readingTimeTarget
3. wordCountTarget
4. remotePath
5. remoteTarget
6. wordsPerMinute
7. round
8. lang
9. lessThanAMinuteString
10. prependTimeString
11. prependWordString
12. success
13. error

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