您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
javascript写的一个模拟阅读小说的程序
作者：佚名 责任编辑：admin 更新时间：2022-06-22
这篇文章主要介绍了用javascript写了一个模拟阅读小说的程序,需要的朋友可以参考下
代码如下: <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 = "蒙古亲王僧格林沁慓悍勇猛，他率领的军队向来号称能征惯战，八旗兵、绿营他都看不上眼，更何况那些临时招募的练勇。可偏偏就是这些他眼中的乌合之众，这些年来在江南战果累累，最终攻下了江宁，夺得了对太平军作战的全胜。" + "相反地，他的蒙古铁骑在与捻军的角逐中常常打败仗，相形之下，昔日的声威锐减。这个一代天骄的后裔，对曾氏兄弟和湘军窝着一肚皮无名怒火。" + "湘军进江宁后，打劫财富，屠城纵火，又放走幼天王，朝野谤讟四起，物议沸腾，僧格林沁听了十分得意，赶紧打发富明阿以视察满城为由，去江宁实地了解。谁料曾国荃一吓一贿征服了富明阿，江宁将军回去后向僧格林沁作了假汇报。"; //页面加载完成之后执行。 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>- 上一个程序编程： jquery scroll()方法区分浏览器横向和纵向滚动条的方法
- 下一个程序编程： Javascript排序算法之合并排序的2个例子介绍
