javascript写的一个模拟阅读小说的程序


Posted in Javascript onApril 04, 2014
<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 = "蒙古亲王僧格林沁?G悍勇猛,他率领的军队向来号称能征惯战,八旗兵、绿营他都看不上眼,更何况那些临时招募的练勇。可偏偏就是这些他眼中的乌合之众,这些年来在江南战果累累,最终攻下了江宁,夺得了对太平军作战的全胜。" + 
"相反地,他的蒙古铁骑在与捻军的角逐中常常打败仗,相形之下,昔日的声威锐减。这个一代天骄的后裔,对曾氏兄弟和湘军窝着一肚皮无名怒火。" + 
 "湘军进江宁后,打劫财富,屠城纵火,又放走幼天王,朝野谤?四起,物议沸腾,僧格林沁听了十分得意,赶紧打发富明阿以视察满城为由,去江宁实地了解。谁料曾国荃一吓一贿征服了富明阿,江宁将军回去后向僧格林沁作了假汇报。"; 
//页面加载完成之后执行。 
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>
Javascript 相关文章推荐
Jquery Ajax请求代码(2)
Jan 07 Javascript
关于div自适应高度/左右高度自适应一致的js代码
Mar 22 Javascript
18个非常棒的jQuery代码片段
Nov 02 Javascript
Google 地图事件实例讲解
Aug 06 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
JavaScript中this的用法实例分析
Dec 19 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
Jan 04 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
iframe与主框架跨域相互访问实现方法
Sep 14 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
Jan 03 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
js 显示base64编码的二进制流网页图片
Apr 04 #Javascript
jquery scroll()区分横向纵向滚动条的方法
Apr 04 #Javascript
jQuery scroll事件实现监控滚动条分页示例
Apr 04 #Javascript
javascript移出节点removeChild()使用介绍
Apr 03 #Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 #Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 #Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 #Javascript
You might like
php入门教程 精简版
2009/12/13 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
JavaScript调试技巧之console.log()详解
2014/03/19 Javascript
jQuery中insertBefore()方法用法实例
2015/01/08 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
2015/10/23 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
Vue异步组件处理路由组件加载状态的解决方案
2018/09/07 Javascript
es6基础学习之解构赋值
2018/12/10 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
2020/05/14 Javascript
简单总结Python中序列与字典的相同和不同之处
2016/01/19 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
python用户管理系统
2018/03/13 Python
Python pandas.DataFrame调整列顺序及修改index名的方法
2019/06/21 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
Tensorflow轻松实现XOR运算的方式
2020/02/03 Python
python制作一个简单的gui 数据库查询界面
2020/11/19 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
为什么要使用servlet
2016/01/17 面试题
英语专业毕业生自我鉴定
2013/11/09 职场文书
自荐书封面下载
2013/11/29 职场文书
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
医院护士党的群众路线教育实践活动对照检查材料思想汇报
2014/10/04 职场文书
淘宝好评语句大全
2014/12/31 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
学习习近平主席讲话心得体会
2016/01/20 职场文书
讨论nginx location 顺序问题
2022/05/30 Servers