Posted in Javascript onApril 04, 2014
<html> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <head> <title></title> <script type="text/javascript"> function Reader(content, cID, stopID, continueID) { this.conLoad = document.getElementById(cID); this.stopBtn = document.getElementById(stopID); this.continueBtn = document.getElementById(continueID); this.content = content; this.index = 0; var t = this; this.stopBtn.onclick = ( function () { return function () { t.stopReader(t); }; })(t); this.continueBtn.onclick = ( function () { return function () { t.continueReader(t); }; })(t); } Reader.prototype = { startReader : function () { var t = this; t.toId = setInterval(function () { if (t.content[t.index]) { t.conLoad.innerHTML += t.content[t.index]; } t.index++; if (t.content.length == t.index) { clearInterval(t.toId); t.conLoad.innerHTML += "【未完待续】"; } }, 200); }, stopReader : function (t) { t.flag = true; clearInterval(t.toId); }, continueReader : function (t) { if (t.flag) t.startReader(); t.flag = false; } }; var content = "蒙古亲王僧格林沁?G悍勇猛,他率领的军队向来号称能征惯战,八旗兵、绿营他都看不上眼,更何况那些临时招募的练勇。可偏偏就是这些他眼中的乌合之众,这些年来在江南战果累累,最终攻下了江宁,夺得了对太平军作战的全胜。" + "相反地,他的蒙古铁骑在与捻军的角逐中常常打败仗,相形之下,昔日的声威锐减。这个一代天骄的后裔,对曾氏兄弟和湘军窝着一肚皮无名怒火。" + "湘军进江宁后,打劫财富,屠城纵火,又放走幼天王,朝野谤?四起,物议沸腾,僧格林沁听了十分得意,赶紧打发富明阿以视察满城为由,去江宁实地了解。谁料曾国荃一吓一贿征服了富明阿,江宁将军回去后向僧格林沁作了假汇报。"; //页面加载完成之后执行。 window.onload = function () { new Reader(content, "content", "btnStop", "btnContinue").startReader(); }; </script> <body> <div id='content'></div> <div id='operate'><input type='button' id='btnStop' value='stop'/><input type='button' id='btnContinue' value='continue'/></div> </body> </html>
javascript写的一个模拟阅读小说的程序
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@