javascript寫的一個(gè)模擬閱讀小說的程序
更新時(shí)間：2014年04月04日 11:14:14 作者：
這篇文章主要介紹了用javascript寫了一個(gè)模擬閱讀小說的程序,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<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 = "蒙古親王僧格林沁慓悍勇猛，他率領(lǐng)的軍隊(duì)向來號稱能征慣戰(zhàn)，八旗兵、綠營他都看不上眼，更何況那些臨時(shí)招募的練勇。可偏偏就是這些他眼中的烏合之眾，這些年來在江南戰(zhàn)果累累，最終攻下了江寧，奪得了對太平軍作戰(zhàn)的全勝。" +
"相反地，他的蒙古鐵騎在與捻軍的角逐中常常打敗仗，相形之下，昔日的聲威銳減。這個(gè)一代天驕的后裔，對曾氏兄弟和湘軍窩著一肚皮無名怒火。" +
"湘軍進(jìn)江寧后，打劫財(cái)富，屠城縱火，又放走幼天王，朝野謗讟?biāo)钠穑镒h沸騰，僧格林沁聽了十分得意，趕緊打發(fā)富明阿以視察滿城為由，去江寧實(shí)地了解。誰料曾國荃一嚇一賄征服了富明阿，江寧將軍回去后向僧格林沁作了假匯報(bào)。";
//頁面加載完成之后執(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>
相關(guān)文章
js+html5實(shí)現(xiàn)半透明遮罩層彈框效果
這篇文章主要為大家詳細(xì)介紹了js+html5實(shí)現(xiàn)半透明遮罩層彈框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流foreach綁定
這篇文章主要介紹了KnockoutJS 3.X API 第四章之?dāng)?shù)據(jù)控制流foreach綁定的相關(guān)資料,需要的朋友可以參考下2016-10-10
asp錯(cuò)誤 '80040e21' 多步 OLE DB&nbs
今天在寫asp入庫操作的時(shí)候提示Microsoft OLE DB Provider for ODBC Drivers 錯(cuò)誤 80040e21 多步 OLE DB 操作產(chǎn)生錯(cuò)誤，請檢查每個(gè) OLE DB 狀態(tài)值，經(jīng)測試時(shí)函數(shù)定義文件沒有加載導(dǎo)致類型不對，所以無法入庫2023-05-05
雖然小程序在剛推出時(shí)是不支持組件化的,但如今小程序開始支持自定義組件開發(fā),下面這篇文章主要給大家介紹了關(guān)于微信小程序組件化開發(fā)的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要為大家分析了js閉包引起的事件注冊問題，感興趣的小伙伴們可以參考一下2016-03-03
本文為大家介紹下如何改變隱藏的input中value的值，一句代碼就可以實(shí)現(xiàn)，感性的朋友可以參考下2013-12-12
這篇文章主要介紹了有JSDoc還需要TypeScript的問題示例解析,有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
Immutable 在 JavaScript 中的應(yīng)用
在 JavaScript 中，對象是引用類型的數(shù)據(jù)，其優(yōu)點(diǎn)在于頻繁的修改對象時(shí)都是在原對象的基礎(chǔ)上修改，并不需要重新創(chuàng)建，這樣可以有效的利用內(nèi)存，不會造成內(nèi)存空間的浪費(fèi)，對象的這種特性可以稱之為 Mutable，中文的字面意思是「可變」2016-05-05
Bootstrap學(xué)習(xí)筆記之css組件(3)
這篇文章主要為大家詳細(xì)介紹了bootstrap學(xué)習(xí)筆記中的css組件，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要給大家介紹了關(guān)于微信小程序如何獲取圖片寬度與高度的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03