【はてなブログ】記事に「この記事は○○分で読めます」と表示したい場合

この記事を読むのにかかる時間: 1 分

こちらの記事を参考に実際に試してみたので備忘録的に記載します。

ブログやニュース記事などを読んでいるとたまに「この記事は○○分で読めます」と書かれているのを見たことがあると思います。

どのくらい参考になるかは置いといて、一つの指標として判断している人はそれなりにいるのではないでしょうか？

電車の中とかなにかしながらたまたま見かけた記事を読もうと思ったものの結構なボリュームだと後で読もうしますし、3分で読めます！と書いてあれば今のうちに読んでしまおうと判断できるからです。

1 「はてなブログ」を運営している方向けに
2 どこにコピペするの？
3 「記事上」がいいんじゃないかな..

「はてなブログ」を運営している方向けに

限定的な記事になりますが、はてなブログを運営しているのであれば下記のソースをコピペするだけでこの機能を持たせることが可能です。

&lt;script type="text/<a href="http://d.hatena.ne.jp/keyword/javascript">javascript</a>">
addEventListener('DOMContentLoaded', function() {
var wpm = 500;
var length = $('.entry-content').text().trim().replace(/[\n\r]/g,'').length;
var message = '&lt;p style="font-size: 80%; color: #999999; text-align: right;">この記事は約'+ Math.ceil(length/wpm) +'分で読めます。&lt;/p>';
$('.entry-content').prepend(message);
}, false);
&lt;/script>