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 相关文章推荐
不用ajax实现点击文字即可编辑的方法
Dec 16 Javascript
javascript设置和获取cookie的方法实例详解
Jan 05 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
js倒计时小实例(多次定时)
Dec 08 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
Jan 19 Javascript
基于JavaScript实现购物车功能
Feb 07 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 Javascript
vue地址栏直接输入路由无效问题的解决
Nov 15 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
jquery检测上传文件大小示例
Apr 26 jQuery
如何管理Vue中的缓存页面
Feb 06 Vue.js
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常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
php实现分页功能的详细实例方法
2019/09/29 PHP
js不是基础的基础
2006/12/24 Javascript
JavaScript创建命名空间(namespace)的最简实现
2007/12/11 Javascript
Javascript 检测、添加、移除样式(className)函数代码
2009/09/08 Javascript
详解JavaScript中setSeconds()方法的使用
2015/06/11 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
浅谈JavaScript 标准对象
2016/06/02 Javascript
jquery实现多次上传同一张图片
2017/01/09 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
配置eslint规范项目代码风格
2019/03/11 Javascript
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
快速入手Python字符编码
2016/08/03 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
django session完成状态保持的方法
2018/11/27 Python
python实现手机销售管理系统
2019/03/19 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
计算机专业毕业生自荐信
2013/12/31 职场文书
上课迟到检讨书100字
2014/01/11 职场文书
宝宝满月酒主持词和仪式流程
2014/03/27 职场文书
青年安全生产示范岗事迹材料
2014/05/04 职场文书
科长竞争上岗演讲稿
2014/05/12 职场文书
战友聚会策划方案
2014/06/13 职场文书
个人授权委托书格式
2014/08/30 职场文书
2014年质量管理工作总结
2014/12/01 职场文书
公积金具结保证书
2015/05/11 职场文书
目标责任书格式范文
2015/05/11 职场文书
毕业证明模板
2015/06/19 职场文书