這篇文章主要介紹了用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>