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 相关文章推荐
初学JavaScript_03(ExtJs Grid的简单使用)
Oct 02 Javascript
js Function类型
Dec 04 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
关于Javascript加载执行优化的研究报告
Dec 16 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
Bootstrap Table使用心得总结
Nov 29 Javascript
ajax实现动态下拉框示例
Jan 10 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
Oct 09 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 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 删除目录下N分钟前创建的所有文件的实现代码
2013/08/10 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
2016/09/22 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
javascript multibox 全选
2009/03/22 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
JavaScript String 对象常用方法详解
2016/05/13 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
实例讲解javascript实现异步图片上传方法
2017/12/05 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
Python实现批量读取word中表格信息的方法
2015/07/30 Python
使用Python简单的实现树莓派的WEB控制
2016/02/18 Python
Python连接phoenix的方法示例
2017/09/29 Python
Python-Tkinter Text输入内容在界面显示的实例
2019/07/12 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
口头翻译求职人自荐信
2013/12/07 职场文书
门卫岗位安全职责
2013/12/13 职场文书
小型女装店的创业计划书
2014/01/09 职场文书
房地产还款计划书
2014/01/10 职场文书
有关打架的检讨书
2014/01/25 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
股东授权委托书范文
2014/09/13 职场文书
农村党支部承诺书
2015/04/30 职场文书
行政二审代理词
2015/05/25 职场文书
预备党员表决心的话
2015/09/22 职场文书
Python基础之条件语句详解
2021/06/16 Python
使用Springboot实现健身房管理系统
2021/07/01 Java/Android