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 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
node.js中的http.response.writeHead方法使用说明
Dec 14 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
AngularJS动态生成div的ID源码解析
Aug 29 Javascript
Angular的MVC和作用域
Dec 26 Javascript
200行HTML+JavaScript实现年会抽奖程序
Jan 22 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
VUEX采坑之路之获取不到$store的解决方法
Nov 08 Javascript
JS前端模块化原理与实现方法详解
Mar 17 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
短波的认识
2021/03/01 无线电
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
2012/07/03 Javascript
jQuery实现form表单reset按钮重置清空表单功能
2012/12/18 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
JS给超链接加确认对话框的方法
2015/02/24 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
2016/02/25 Javascript
setTimeout学习小结
2017/02/08 Javascript
JS传参及动态修改页面布局
2017/04/13 Javascript
移动端触摸滑动插件swiper使用方法详解
2017/08/11 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
Vue修改项目启动端口号方法
2019/11/07 Javascript
[04:28]2014DOTA2国际邀请赛 采访小兔子LGD挺进钥匙体育馆
2014/07/14 DOTA
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
Python基于递归算法求最小公倍数和最大公约数示例
2018/07/27 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
Python简单I/O操作示例
2019/03/18 Python
python导入pandas具体步骤方法
2019/06/23 Python
HTML5标签嵌套规则详解【必看】
2016/04/26 HTML / CSS
台湾7-ELEVEN线上购物中心:7-11
2021/01/21 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
广告创意求职信
2014/03/17 职场文书
妇女工作先进事迹
2014/08/17 职场文书
安全标兵事迹材料
2014/08/17 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL