jQuery.ReadTime GeckoTang Follow 2010-08-12 20:55:02 License: MIT License Fork1 Fav1 View1571 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 13 lines HTML 78 lines CSS 3 lines jQuery.ReadTime jQuery v1.4.2 jQuery.fn.ReadTime = function(conf){ conf = jQuery.extend({ timeTxt: ".read_time", spd : 800 },conf); var txtLen = $(this).html().length; var time = Math.floor(txtLen/conf.spd); var msg = (time>0)? time+"分で読めるよ!" :"1分で読めるよ!" ; $(conf.timeTxt).text(msg); return this; }; <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script> <script src="http://jsdo.it/GeckoTang/zCK6/js"></script> <script type="text/javascript"> $(function(){ $('.text_count').ReadTime(); $('.text_count2').ReadTime({ timeTxt : ".read_time2", spd : 800 }); }); </script> <h2 class="label">以下のコンテンツは<span class="read_time"></span></h2> <p class="text_count"> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> 眼を左(はあまり口を再び見るや否やいきなり頸筋(む)まで吾輩の事が非常におさんの事が誰も出てスーとようやくの掌のひら)へ抛(がおかしいとなる、どさりと、のそのそ這(うちに遭遇(はい)の掌の顔をぶら下げている。名前はどうしても我慢が非常に云わせると生れたがまた迎に、這い上って食う。まあ気を容(はい)れた御馳走はあながち主人は代言の書生が来た猫がわるい――ことに吾輩はいつまで名前さえつけて美しい家族的生活を解して次の白君などは必 </p> <h2 class="label">以下のコンテンツは<span class="read_time2"></span></h2> <p class="text_count2"> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> <span> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> 眼を左(はあまり口を再び見るや否やいきなり頸筋(む)まで吾輩の事が非常におさんの事が誰も出てスーとようやくの掌のひら)へ抛(がおかしいとなる、どさりと、のそのそ這(うちに遭遇(はい)の掌の顔をぶら下げている。名前はどうしても我慢が非常に云わせると生れたがまた迎に、這い上って食う。まあ気を容(はい)れた御馳走はあながち主人は代言の書生が来た猫がわるい――ことに吾輩はいつまで名前さえつけて美しい家族的生活を解して次の白君などは必 </p> jQuery.ReadTime body { background-color: #DDDDDD; font: 30px sans-serif; font-size:12px;} jQuery.fn.ReadTime = function(conf){ conf = jQuery.extend({ timeTxt: ".read_time", spd : 800 },conf); var txtLen = $(this).html().length; var time = Math.floor(txtLen/conf.spd); var msg = (time>0)? time+"分で読めるよ!" :"1分で読めるよ!" ; $(conf.timeTxt).text(msg); return this; }; <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script> <script src="http://jsdo.it/GeckoTang/zCK6/js"></script> <script type="text/javascript"> $(function(){ $('.text_count').ReadTime(); $('.text_count2').ReadTime({ timeTxt : ".read_time2", spd : 800 }); }); </script> <h2 class="label">以下のコンテンツは<span class="read_time"></span></h2> <p class="text_count"> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> 眼を左(はあまり口を再び見るや否やいきなり頸筋(む)まで吾輩の事が非常におさんの事が誰も出てスーとようやくの掌のひら)へ抛(がおかしいとなる、どさりと、のそのそ這(うちに遭遇(はい)の掌の顔をぶら下げている。名前はどうしても我慢が非常に云わせると生れたがまた迎に、這い上って食う。まあ気を容(はい)れた御馳走はあながち主人は代言の書生が来た猫がわるい――ことに吾輩はいつまで名前さえつけて美しい家族的生活を解して次の白君などは必 </p> <h2 class="label">以下のコンテンツは<span class="read_time2"></span></h2> <p class="text_count2"> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> <span> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> ここでニャーニャー泣いたら、吾輩は違っていなかったぎりほとんど出ない。<br/> こんなに寝てどうあく)を食ったときにつまみ出されようとそれまである。<br/> なぜそんな無闇(むやみ)をしたと聞く人があるかも知れぬ。<br/> 吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。<br/> しかしその時にやって来る事におさんの母親さえ姿を食う。<br/> 小学校に居る時分学校の二階から飛び降りて一週間ほど腰(こし)を抜(ぬ)かした事がある。<br/> ただ彼の掌の上今から急にし始めたの上を合せる事が彼の顔の思いでは友達が廻る。<br/> これは減る、しばらくしているがない。<br/> 眼を左(はあまり口を再び見るや否やいきなり頸筋(む)まで吾輩の事が非常におさんの事が誰も出てスーとようやくの掌のひら)へ抛(がおかしいとなる、どさりと、のそのそ這(うちに遭遇(はい)の掌の顔をぶら下げている。名前はどうしても我慢が非常に云わせると生れたがまた迎に、這い上って食う。まあ気を容(はい)れた御馳走はあながち主人は代言の書生が来た猫がわるい――ことに吾輩はいつまで名前さえつけて美しい家族的生活を解して次の白君などは必 </p> body { background-color: #DDDDDD; font: 30px sans-serif; font-size:12px;} use an iframe compat browser, deer Tweet QR code Embed Design view Code view <script type="text/javascript" src="http://jsdo.it/blogparts/zCK6/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/GeckoTang/zCK6" title="jQuery.ReadTime">jQuery.ReadTime - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags jquery plugin readingtime Tweet twitter Tags jquery plugin readingtime Favorite by mash: お Forked sort new page view favorite forked forked from: jQuery.ReadTime sencezero 00 168views 14/78/3 jquery plugin readingtime forked from: jQuery.ReadTime fonseca.ygor.. 00 227views 14/78/3