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+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
JS实现alert中显示换行的方法
Dec 17 Javascript
JS常用函数和常用技巧小结
Oct 15 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
vue生命周期的探索
Apr 03 Javascript
微信小程序实现多选框全选与取消全选功能示例
May 14 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
Postman内建变量常用方法实例解析
Jul 28 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 404错误页面实现代码
2009/06/22 PHP
PHP MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
php比较相似字符串的方法
2015/06/05 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
Add a Table to a Word Document
2007/06/15 Javascript
javascript css styleFloat和cssFloat
2010/03/15 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
angular ng-repeat数组中的数组实例
2017/02/18 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
Python实现类继承实例
2014/07/04 Python
Python入门教程之if语句的用法
2015/05/14 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
python实现机器人卡牌
2019/10/06 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
生物学学生自我评价
2014/01/17 职场文书
英文留学推荐信范文
2014/01/25 职场文书
课程改革实施方案
2014/03/16 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python