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选择器的工作原理和优化分析
Jul 25 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
js本地图片预览实现代码
Oct 09 Javascript
使用JS读取XML文件的方法
Nov 25 Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
vue里面父组件修改子组件样式的方法
Feb 03 Javascript
javascript实现最长公共子序列实例代码
Feb 05 Javascript
javascript填充默认头像方法
Feb 22 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
Javascript组合继承方法代码实例解析
Apr 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
PHPShop存在多个安全漏洞
2006/10/09 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
javascript 常用方法总结
2009/06/03 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
Vue中render函数的使用方法
2018/01/31 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
[50:45]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第一场
2018/04/10 DOTA
一个简单的python程序实例(通讯录)
2013/11/29 Python
python实现web方式logview的方法
2015/08/10 Python
Pycharm设置去除显示的波浪线方法
2018/10/28 Python
Python实现定期检查源目录与备份目录的差异并进行备份功能示例
2019/02/27 Python
python实现猜单词游戏
2020/05/22 Python
Python logging自定义字段输出及打印颜色
2020/11/30 Python
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
英国女装网上商店:I Saw It First
2018/10/18 全球购物
护理专科毕业推荐信
2013/11/10 职场文书
党员自我批评与反省材料
2014/02/10 职场文书
会计电算化应届生自荐信
2014/02/25 职场文书
征兵宣传标语
2014/06/20 职场文书
2014财务部年度工作总结
2014/12/08 职场文书
2019学子的答谢词范本!
2019/07/05 职场文书
Python jiaba库的使用详解
2021/11/23 Python
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL