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 相关文章推荐
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
jquery之Document元素选择器篇
Aug 14 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
node.js中实现同步操作的3种实现方法
Dec 05 Javascript
JavaScript表格常用操作方法汇总
Apr 15 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
layui分页效果实现代码
May 19 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
vue使用微信扫一扫功能的实现代码
Apr 11 Javascript
Map与WeakMap类型在JavaScript中的使用详解
Nov 18 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横向重复区域显示二法
2008/09/25 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
Yii框架实现记录日志到自定义文件的方法
2017/05/23 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
33个优秀的 jQuery 图片展示插件分享
2012/03/14 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
jquery采用oop模式class类的使用示例
2016/01/22 Javascript
微信js-sdk地理位置接口用法示例
2016/10/12 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
2017/09/07 Javascript
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
python 使用get_argument获取url query参数
2017/04/28 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
在python中用url_for构造URL的方法
2019/07/25 Python
Django中的cookie和session
2019/08/27 Python
Python 读取WAV音频文件 画频谱的实例
2020/03/14 Python
学习Python需要哪些工具
2020/09/04 Python
详解python程序中的多任务
2020/09/16 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
python如何快速拼接字符串
2020/10/28 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
个人作风剖析材料
2014/02/02 职场文书
节约粮食标语
2014/06/18 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
大学生毕业评语
2014/12/31 职场文书
学校食品安全责任书
2015/01/29 职场文书
小学少先队工作总结2015
2015/05/26 职场文书