正文
javascript小说,javascript书籍
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
怎么用JavaScript写一个简单的小说阅读器
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 = "蒙古亲王僧格林沁慓悍勇猛，他率领的军队向来号称能征惯战，八旗兵、绿营他都看不上眼，更何况那些临时招募的练勇。可偏偏就是这些他眼中的乌合之众，这些年来在江南战果累累，最终攻下了江宁，夺得了对太平军作战的全胜。" +
"相反地，他的蒙古铁骑在与捻军的角逐中常常打败仗，相形之下，昔日的声威锐减。这个一代天骄的后裔，对曾氏兄弟和湘军窝着一肚皮无名怒火。" +
"湘军进江宁后，打劫财富，屠城纵火，又放走幼天王，朝野谤讟四起，物议沸腾，僧格林沁听了十分得意，赶紧打发富明阿以视察满城为由，去江宁实地了解。谁料曾国荃一吓一贿征服了富明阿，江宁将军回去后向僧格林沁作了假汇报。";
//页面加载完成之后执行。
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
相关问答
Q1: JavaScript的题
td id="bg1" class="bg" onmouseover="mouseOnTab(event,'book1');"a class="white"小说/a/td
td id="bg2" class="bg" onmouseover="mouseOnTab(event,'book2');"a class="white"非小说/a/td
td id="bg3" class="bg" onmouseover="mouseOnTab(event,'book3');"a class="white"少儿/a/td
将这几个tab加上这个属性
然后 加入JS方法（页内Script标签或者引入的JS都可以）
用JQuery:
function mouseOnTab(e,targetDiv){
var target = $(e.target);
$("#bg1,#bg2,#bg3").attr("class","nobg");
target.attr("class","bg");
$("#book1,#book2,#book3").css("display","none");
$("#"+targetDiv).css("display","block");
}
如果不用JQuery 请追问
Q2: 看小说 查看目录时弹出“请启用浏览器javascript” 怎么弄
您好，很高兴为您服务！
使用wp版的UC浏览器3.6.1版本测试，在百度搜索“小说”二字，在搜索结果页的“小说热搜榜”的小说，都能正常打开，并不会出现“请启用浏览器javascript”的提示。建议先在菜单-系统设置-清除记录中清理下浏览器数据，然后重启浏览器再次试试。还是不行的话，提供下网址，还有截图核实下。
如果仍有问题，请您继续向我们反馈，我们会第一时间为您跟进。
