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给input和textarea设定ie中的focus
May 29 Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 Javascript
JavaScript随机排序(随即出牌)
Sep 17 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
javascript列表框操作函数集合汇总
Nov 28 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
javascript常用的正则表达式实例
May 15 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
Angular.js实现获取验证码倒计时60秒按钮的简单方法
Oct 18 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
php入门学习知识点五 关于php数组的几个基本操作
2011/07/14 PHP
php Ubb代码编辑器函数代码
2012/07/05 PHP
如何用C语言编写PHP扩展的详解
2013/06/13 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
jQuery 前的按键判断代码
2010/03/19 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
Bootstrap实现默认导航栏效果
2020/09/21 Javascript
js+html5实现的自由落体运动效果代码
2016/01/28 Javascript
jQuery中的一些小技巧
2017/01/18 Javascript
JavaScript基础之AJAX简单的小demo
2017/01/29 Javascript
JS库之Particles.js中文开发手册及参数详解
2017/09/13 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
2019/12/22 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
js实现简单贪吃蛇游戏
2020/05/15 Javascript
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
Python模块的制作方法实例分析
2019/12/21 Python
python实现超级玛丽游戏
2020/03/18 Python
selenium切换标签页解决get超时问题的完整代码
2020/08/30 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
经理职责范文
2013/11/08 职场文书
新员工入职感言
2014/02/01 职场文书
高校教师自荐信范文
2014/03/13 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
个人遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2015年个人现实表现材料
2014/12/10 职场文书
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android