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

jQuery

Reading Time

March 2, 2018

Reading Timeは、テキストを読むための推定時間を表示するためのシンプルで軽量なjQueryプラグインです。

Instructions

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

Options

  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

Latest Posts

Related Posts