Blog/test/t.html

60 lines
2.8 KiB
HTML
Raw Normal View History

2024-05-22 08:30:01 +00:00
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/viewerjs/1.10.1/viewer.min.css">-->
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/viewerjs/1.10.1/viewer.min.js"></script>-->
</head>
<body>
<h3>[XiuRen秀人网]第8473期小逗逗写真</h3>
<div id="box"><img alt="秀人集.com_[XiuRen秀人网]No.8473_模特小逗逗性感白色OL服饰露黑色内衣配超薄肉丝迷人诱惑写真84P" title="秀人集.com_[XiuRen秀人网]No.8473_模特小逗逗性感白色OL服饰露黑色内衣配超薄肉丝迷人诱惑写真84P" src="/uploadfile/202405/14/17115035362.webp">
<img alt="秀人集.com_[XiuRen秀人网]No.8473_模特小逗逗性感白色OL服饰露黑色内衣配超薄肉丝迷人诱惑写真84P" title="秀人集.com_[XiuRen秀人网]No.8473_模特小逗逗性感白色OL服饰露黑色内衣配超薄肉丝迷人诱惑写真84P" src="/uploadfile/202405/14/3C115035217.webp">
<img alt="秀人集.com_[XiuRen秀人网]No.8473_模特小逗逗性感白色OL服饰露黑色内衣配超薄肉丝迷人诱惑写真84P" title="秀人集.com_[XiuRen秀人网]No.8473_模特小逗逗性感白色OL服饰露黑色内衣配超薄肉丝迷人诱惑写真84P" src="/uploadfile/202405/14/3C115035258.webp"></div>
<div id="loads">加载中 </div>
<script>
var box = document.getElementById("box");
var loads = document.getElementById("loads");
// var io; document.querySelector("img").onload = () => {
// new Viewer(box, {
// //设置图片地址来源
// url: 'src',
// //是否显示图片标题(true/false)
// title: false,
// //设置播放间隔(单位毫秒1秒=1000毫秒)
// interval: 3000
// });
// loads.id = 'load';
var i = 1;
var page = 28;
var url = "https://www.xiurenb.net/XiuRen/15302_";
// io = new IntersectionObserver(entries => {
// if (entries[0].intersectionRatio <= 0) return;
for (i; i < page + 1; i++) {
fetchHtml(i, page, url);
}
// });
// io.observe(load);
// }
function fetchHtml(i, page, url) {
if (i != page) {
nurl = url + i + '.html';
fetch(nurl).then(res => res.text()).then(text => {
box.innerHTML +=
'<h5>' + (++i) + '->' + (++page) + '</h5>';
console.log(text)
new DOMParser().parseFromString(text, "text/html").querySelectorAll("p img").forEach(item => box.innerHTML += item.outerHTML.replace('<img', '<img onload="box.viewer.update()"'))
})
} else {
loads.innerHTML = ''
}
}
</script>
</body>
</html>