Un programme écrit en javascript pour simuler la lecture de romans

Maison

interface Web

js tutoriel

Un programme écrit en javascript pour simuler la lecture de romans_javascript

May 16, 2016 pm 04:53 PM

复制代码代码如下 :

 
<html> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<tête> 
<titre></titre> 
<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 = contenu; 
this.index = 0; 
var t = ceci ; 
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 = faux; 
} 
} ; 
var content = "古亲王僧格林沁慓悍勇猛，他率领的军队向来号称能征惯战，八旗兵、绿营他都看不上眼，更何况那些临时招募的练勇。可偏偏就是这些" 
"相反地，他的蒙古铁骑在与捻军的角逐中常常打败仗" >　　 "湘军进江宁后，打劫财富，屠城纵火，又放走幼天王，朝野谤讟四起，物议沸腾，僧格林沁听了十分得意，赶紧打发富明阿以视察满城为由，去江宁实地了解。谁料曾国荃一吓一贿征服了富明阿， "; 
//页面加载完成之后执行。 
window.onload = function () { 
new Reader(content, "content", "btnStop", "btnContinue").startReader(); 
} ; 
</script> 
<corps> 
<div id='content'></div> 
<div id='operate'><input type='button' id='btnStop' value='stop'/><input type='button' id='btnContinue' value=' continuer'/></div> 
</corps> 

</html> 

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn