怎么用JavaScript写一个简单的小说阅读器

JavaScript055

怎么用JavaScript写一个简单的小说阅读器,第1张

<html>

<meta http-equiv="content-type" content="text/htmlcharset=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>

《我的世界,独独在等你(大结局)》文 / 忘之风景

他是不学无术的小混混,她是万千宠爱集一身的俏皮公主。

两个绝对不会有交集的人,命运的轨迹因为一场赌局,巧妙偶遇,相知相爱,茉莉花开。

少年时的懵懂旖旎,终究抵不过沧海洗礼。

猜疑,嫉妒,误会重生,山盟海誓,一夕之间天崩地裂。

八年之后,他已经是商场赫赫有名的投资天才,西装革履意气风发,举手投足之间皆是成功人士的魅力成熟;

而她,那个曾经无忧无虑备受呵护的矜持小姐,历经世俗重生后,芳华不再,有的只有一颗淡薄的心。

他说,这么多年来,还是忘不了那个被自己唤作“小扣扣”的女孩,即使那颗心早已鲜血淋漓。

他说,初夏,要怎么办我才可以让你的影子你的温度,从我身体里流逝。哪怕以后的时光里,都是一片寒冷?

两千多个黑夜,终归只是证明了一件事,我的世界里,独独在等你。

《青春太紫,阳光过艳。》文 / 石头叶子

大学校园的爱情是美好的也是纯洁的,在没有什么拖累的大学内,我们的思想是那么的简单,可是我们却不懂得珍惜我们美好的时光,在匆匆过了四年后,我们意识到,我们的青春流逝了,毕业了,我们才知道青春已经散场好久了,我们还在怀念当初的我们,痛恨我们没有在青春的季节里努力,却想回到那个懵懂的年龄,发现,早已经回不去了。

岁月,更像是一位老者,给了我们经历,让我们去面对不同的人情世故,我们才开始长大,渐渐地走向成熟。

爱情,却是一场电影,我们是电影中的主角,但是我们演的太投入了,太在意我们的演技,到最后,我们得到了最好的评价,把真正的爱情弄丢了。

社会太现实逼真,还是我们太幼稚,太孩子。这些早已不重要,在成长的路上总要磕磕绊绊,我们终要学会自我舔舐伤口,变得冷漠,学会了保护自己、善待自己。

生活是一种无法触及的想法,总是在想象自己该怎么生活,怎么去面对这么现实的社会和一个无法理解的自己,怎么去相信自己在一个现实的游戏中还在存活着,自己竟是主宰自己游戏的主角,遇见不同的人,遇见相似的人,遇见相同的人,遇见知己,遇见一个托付终生的人。生活始终如此,邂逅,相遇,相识,再见,离开。

我想问一下:我们还能孩子多久?80后已经集体奔三,在那个我们恍惚的年纪。我们总想着抓住轻轻的尾巴,却已经悄悄的走了,带走了我们的梦想,带走了我们幼稚的权利,这似乎更残酷。

《莎士比亚建议你这样爱:微笑深爱【已上市】》文 / 微若洁茹

莎士比亚说,相爱过的人分手后,不可以做朋友,因为彼此伤害过。也不可以做敌人,因为彼此相爱过。

可是,依然深爱着的两个人分手之后,该如何呢?

你恨他吗?那个承诺给你幸福的男子,曾经你以为会给你幸福的男子,忽然冷了面容,硬了心肠,说,对不起,我不爱你。

你还爱着他吗,在你被伤害以后?

如果,再见到他,你会怎样。

我会微笑。

微笑,深爱。

微笑,然后深爱。

《一千年以后,天气晴【已上市】》文 / 微若洁茹

他是美丽倾城的男子,带着上一世的爱,轮回至今,得到了天下女人的心,却依然得不到深爱过的女子。

她只是一只小狐狸,为了报答救命之恩,修炼千年来到人间。她不再是那只无法保护自己的小狐狸,她拥有了千年的法力,和足以魅惑天下的容貌。她钩钩小指,就可以让他爱上她。可是,她却要用这样的法力,把深爱的他推到别的女子身边。

她以为自己始终是那个深陷其中的局外人,可是这一次,爱情女神眷顾了她。

他也爱上了她。

狄金森说,等待一小时,太久,如果爱,恰巧在那以后。等待一万年,也不算长,如果,最终有爱作为报偿的话。

如果,最终能有爱作为报偿的话。

那么短短的一千年,又算得了什么呢?

《谁的青春不奋斗》

文 / spirt2008

他,夺爱成功,守爱坚定。为友情肝胆照,血泪不弃,

她,弃爱从容,追爱果敢;

他,为爱失贞,为爱迷途知返,为爱血性方刚,

她,为爱也失贞,为爱坚守原则,为爱执迷不悟;

他,不信真爱却得真爱,爱得平凡又浪漫,

她,悲苦遭遇却遇真爱,天性乐观,努力向前;

他,双重性格,惊天之谜却遇凄美的爱情,是什么埋葬青春年华?

她,敢爱敢恨,执着坚定,凄美的爱情让一个女孩一生难忘。

如何在绿的夏,留下冬的白雪皑皑?

风说,请打开记忆

如何在金的秋,忘却春的丝丝希冀?

雨说,请封存记忆

如何在年华一点一滴流逝之际,搜索青春的回忆?

岁月说,你最好哭泣

命运说,你最好忘记

现实偷笑,坏坏地说,只有我为你留下了痕迹!

《青春陌上殇》

文 / 夏末有绿

今生他的人生中凄凄惨惨戚戚,谁能料到在江南小城中,他却成为了很多女子倾慕的对象,爱不是说来就来的,也不是说没就没的。爱情永恒,是一个永远斩不断的话题,而她为了他,却选择以自残来留住爱情,而她却不是他最爱的女子,尽管她美艳许多,可是今生爱情归来有先后。

是死亡的阴影,让他背负着罪恶感,是爱情的亏欠,让他痛定思痛,当所有的爱情被冠上虚荣和心计。爱情便不再纯洁。当他停下来,打算好好爱一个人的时候,她却车祸加身,从此杳无音讯。三年后,她已更改容颜,但改不了的是她的声音。

为了她,放弃爱情,为了他,忍受三年的创伤,只为圆那一个梦。

《如果你的幸福还是我》文 / 楚江梦

如果说婚姻最高境界的成功是豪宅名车,那么,爱情最高境界的成功就是徘徊于天涯海角!

海角:女,性格:天真、活泼开朗带点娇生惯养后形成的蛮不讲理。海南省海风咖啡连锁公司总裁“海帆”的掌上明珠。“211工程”重点大学——海南大学的尖子生兼校花……

天涯:男,性格:谨慎、沉默嫉世带点贫农之后拥有的铁骨铮铮。最恨那些不把穷人放在眼里的富家子。广西桂林一贫苦农家的孩子,排行老大,下面有一个15岁的弟弟和一个6岁的妹妹。在小学期间,凭借超常优异的成绩连跳三级,高中后顺利考入海南大学……

他和她的故事是这样上演的……

天涯作为学校优秀学生代表,在新的一年,被校方受任,组织和领导迎接新入学的学弟学妹队伍。

就在迎接新生工作快要结束时,天涯一伙正准备宣告今年的任务圆满完成时。一辆红色宝马车缓缓停在了校园门口,在保镖的护卫下,从车里走出一位漂亮的女孩,她就是来报到的大一新生——海角。

在这之间他和她发生了什么呢?他和她的结局又是怎么样的呢?

……

六年前,他为了亲情放弃爱情;六年后,他和她“死灰复燃”,又为了什么,他再一次放弃他和她的爱情。

《陪你到世界的终结(签约出版)》/ 然澈

许暖迟千里迢迢奔赴成都去见自己的男友,先是火车出轨,后是酒吧遇险,更可恨之事乃是,经过这多方磨难之后,等来的,竟是男友要分手的冰冷宣言。

哦SHIT!我许暖迟究竟是招惹了哪一路的神仙,要这么几次三番苦我心智劳我筋骨?!

不是不痛,只是哭泣无用,毅然回到北京继续自己的生活,不想那狠心抛弃自己的男友不仅尾随而至,甚至要阴魂不散地与她同住一个屋檐下?!

《我爱你,在世界之外【完】》/ 凉了琉璃

【叙事版简介】

——如果你曾经深深爱过的前男友突然出现,说要重修旧好,你会怎么办?

——给他两巴掌,啐一口:滚!然后骄傲的踩着高跟鞋,扬长而去。

如此回答同事提问的苏小凉怎么也没想到自己的话刚落音,就立马再遇见杨睿。

可她却不能给他两巴掌也不能叫他滚,因为时隔六年回归的他是她上司的上司。

其实,不能做的不仅仅是责骂和两巴掌,还有很多很多……

【抒情版简介】

十七岁,豆蔻年华,他许她地老天荒。

二十七岁,荏苒光阴,她拒他千里之外。

这十年之中,他说过无数次爱你,却遥远得连末梢都听不到。

这十年之中,她想过无数次忘记,却挣扎得连呼吸都很艰难。

兜兜转转的岁月,如风一样来去自如,一场相遇生动彼此生命,却又爱得倍感苦涩。

也许,很多事往往都没办法,就像先爱上一个人,却又不得不选择忘记。

可惜的是,宿命让我在最美好的时候遇见你,却未教我怎么遗忘。

《一起写我们的结局(全本+已上市)》/ 木子喵喵

【木子喵喵出版作品,《一起写我们的结局》。这里有好多你熟悉的情节,熟悉的画面。纯净得让人嫉妒的青葱岁月,就如发生在你身边一般,“如笙”,那个曾经每个人心中都隐匿过的男子。】

大学时的她,温柔善良;他,冷漠又敏感。她爱上他注定是一场劫数。

好看的青春小说呢。。是在红袖添香言情小说站看过的。希望你喜欢。

$在哪定义的?要是没有,就加下面的方法

function $(id) {

   return document.getElementById(id)

}