計算JavaScriptを使用して記事の推定読み込み時間

3394 ワード

tutorial javascript テキストリンク

あなたはおそらく媒体のようなウェブサイトに表示された見て読んで時間を推定.このメトリックは、ユーザーがすぐに記事を読むか、後でそれを保存するかどうかを決定するのに役立ちます.このチュートリアルでは、JavaScriptを使用して記事の推定読み込み時間を計算します.
まずHTML文書でダミーの記事を作成しましょう.

<article id="article">
  <h1>Lorem ipsum dolor sit amet</h1>
  <p>
    Minus ullam est commodi facere repudiandae sit. Ab quibusdam totam
    veniam ducimus ut consequatur sit. Ea et nulla quaerat. Et temporibus
    quas numquam quas dolor vero accusantium numquam.
  </p>
  <!-- repeat <p> tag several times here -->
</article>

次に、ページに表示される読み取り時間をご希望の場合は、次のようにします.

<p><span id="time"></span> minute read</p>

JavaScriptの機能を使用すると、読み込み時間を計算できます.

function readingTime() {
  const text = document.getElementById("article").innerText;
  const wpm = 225;
  const words = text.trim().split(/\s+/).length;
  const time = Math.ceil(words / wpm);
  document.getElementById("time").innerText = time;
}
readingTime();

ここでは何の破壊readingTime() 関数の実行

text – 我々は計算をプリフォームすることができますので、記事のテキストを取得します.

wpm – 平均大人の読書速度(分あたりの言葉).

words – 計算は、各空白の分割による単語の長さ(長さ).

time – 計算された読み取り時間は、最寄りの全体の数に丸めた.

計算された時間を使用して<span id="time"></span> .
これは、このチュートリアルを締結すると、今どのように簡単にブログやニュースサイトにドロップすることができます記事の推定読書時間を表示する方法を知っている.

Reference

この問題について(計算JavaScriptを使用して記事の推定読み込み時間), 我々は、より多くの情報をここで見つけました https://dev.to/michaelburrows/calculate-the-estimated-reading-time-of-an-article-using-javascript-2k9l

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

18日目(2022.01.15 2時間37分)

BOJ::宅配便(No.1719)