复制代码代码如下:
<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(継続ID);
this.content = content;
this.index = 0;
var t = this;
this.stopbtn.onclick =(
関数 () {
return function(){
T.StopReader(T);
};
})(t);
this.continuebtn.onclick =(
関数 () {
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 = "蒙古亲王僧格林沁悍勇猛、他率领的军队向来号称能征惯战、八旗兵、绿营他都看不上眼、更何况那些临时招募的练勇。可偏偏就是这些他眼中的乌合之众、这些年来在江南战果累累、最终攻下了江宁、夺得了对太平军作战的全胜。 " +
「相反地、他的蒙古铁骑在与捻军的角逐中常常打败仗、相形之下、昔日的声威锐减。这个一代天骄的后裔、对曾氏兄弟和湘军窝着一肚皮无名怒火。」 +
「湘军进江宁后、、打劫财富、屠城纵火、又放走幼天王、朝野谤四起、物议沸腾、僧格林沁听了十分得意、赶紧打发富明阿以视察满城为由、去江宁实地了解。谁料曾国荃一吓一贿征服了富明阿、江宁将军回去后向僧格林沁作了假汇报。 ";
//页面加载完成之后执行。
window.onload = function(){
新しいリーダー(content、 "content"、 "btnstop"、 "btncontinue")。startreader();
};
</script>
<body>
<div id = 'content'> </div>
<div id = 'operate'> <input type = 'button' id = 'btnstop' value = 'stop'/> <入力タイプ= 'ボタン' id = 'btncontinue'値= '継続'/> </div>
</body>
</html>