javascript寫的一個模擬閱讀小說的程序

更新時間：2014年04月04日 11:14:14 作者：

這篇文章主要介紹了用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 += "【未完待續(xù)】"; 
} 
}, 200); 
}, 
stopReader : function (t) { 
t.flag = true; 
clearInterval(t.toId); 
}, 
continueReader : function (t) { 
if (t.flag) 
t.startReader(); 
t.flag = false; 
} 
}; 
var content = "蒙古親王僧格林沁慓悍勇猛，他率領的軍隊向來號稱能征慣戰(zhàn)，八旗兵、綠營他都看不上眼，更何況那些臨時招募的練勇?？善褪沁@些他眼中的烏合之眾，這些年來在江南戰(zhàn)果累累，最終攻下了江寧，奪得了對太平軍作戰(zhàn)的全勝。" + 
"相反地，他的蒙古鐵騎在與捻軍的角逐中常常打敗仗，相形之下，昔日的聲威銳減。這個一代天驕的后裔，對曾氏兄弟和湘軍窩著一肚皮無名怒火。" + 
　　 "湘軍進江寧后，打劫財富，屠城縱火，又放走幼天王，朝野謗讟四起，物議沸騰，僧格林沁聽了十分得意，趕緊打發(fā)富明阿以視察滿城為由，去江寧實地了解。誰料曾國荃一嚇一賄征服了富明阿，江寧將軍回去后向僧格林沁作了假匯報。"; 
//頁面加載完成之后執(zhí)行。 
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> 