（已解决）大佬指教下js异步中如何添加延时

qingseyouran

3.7号补充
使用for已经解决该问题，settimeout就是不行


谢谢几位坛朋的帮忙，不过还是不行。
只能弄个间接的，
把代码里的downloadPic(pageCurrent)删除，手动点可以下载一页，一直点可以顺序下载，到时再配合个自动化脚本。
有空再研究了。
有大佬的话，帮忙再研究研究。

下面代码下载太快了，过一会就会下载失败，想添加个延时，非码农，不懂js，网上找了半天弄不好，麻烦大佬指教下。

    if(document.location.pathname.indexOf("onlinebook")>0){
        document.body.oncontextmenu = ""
        var pageTotal = 0;
        var picUrl = ""
        //从0开始，为实际页码减一
        var pageCurrent = 0;
        //下载指定页面图片
        function downloadPic(page) {
            picUrl = path + "&pageNo=" + page ;
            fetch(picUrl).then(res => res.blob().then(blob => {
                var a = document.createElement('a');
                var url = window.URL.createObjectURL(blob);
                var filename = page + '.jpg';
                a.href = url;
                a.download = filename;
                a.click();
                window.URL.revokeObjectURL(url);
                if(pageCurrent<pageTotal){
                    pageCurrent++;
                    downloadPic(pageCurrent);
                }
            }))
        }
        //批量下载
        function batchDownload() {
            pageTotal = document.getElementById("sumNumb").innerText - 1;
            downloadPic(pageCurrent)
        }
        //创建下载按钮
        var downloadBtn = document.createElement("a");
        downloadBtn.innerText = "批量下载全书";
        downloadBtn.onclick = function () { batchDownload() };
        document.querySelector("body > div.divcenter > div.bq > div.bqmiddle > div.ml").appendChild(downloadBtn);
    }

HOH

不管啥语言，最烦的就是匿名方法

qingseyouran

3.9号，问题已经解决。

qingseyouran

把代码里的downloadPic(pageCurrent)删除，手动点可以下载一页，一直点可以顺序下载，到时再配合个自动化脚本。
有空再研究了。

qingseyouran

kapai 发表于 2022-3-6 21:20

console提示
Uncaught ReferenceError: downloadPic is not defined
    at <anonymous>:1:1

qingseyouran

darius 发表于 2022-3-6 21:38
替换fetch(picUrl).then(res => res.blob().then(blob => { 里的试下，能不能用我也不知道，因为我也是菜 ...

这个嵌套回调，完全看不懂

qingseyouran

darius 发表于 2022-3-6 21:38
替换fetch(picUrl).then(res => res.blob().then(blob => { 里的试下，能不能用我也不知道，因为我也是菜 ...

            fetch(picUrl).then(res => res.blob().then(blob => {
new Promise((resolve, reject) => {
    setTimeout(() => {
        var a = document.createElement('a');
        var url = window.URL.createObjectURL(blob);
        var filename = page + '.jpg';
        a.href = url;
        a.download = filename;
        a.click();
        resolve()
    }, 1000);
}).then(_ => {
    window.URL.revokeObjectURL(url);
    if(pageCurrent<pageTotal){
        pageCurrent++;
        downloadPic(pageCurrent);
    }
})
            }))
        }

也只能下第一页

qingseyouran

darius 发表于 2022-3-6 21:38
替换fetch(picUrl).then(res => res.blob().then(blob => { 里的试下，能不能用我也不知道，因为我也是菜 ...

好，马上试下

qingseyouran

靓坤 发表于 2022-3-6 21:24
用settimeout把fetch那里包住即可

            setTimeout(fetch(picUrl).then(res => res.blob().then(blob => {
                var a = document.createElement('a');
                var url = window.URL.createObjectURL(blob);
                var filename = page + '.jpg';
                a.href = url;
                a.download = filename;
                a.click();
                window.URL.revokeObjectURL(url);
                if(pageCurrent<pageTotal){
                    pageCurrent++;
                    downloadPic(pageCurrent);
                }
            })), 9000)

不行，还是下得飞起

darius

1. new Promise((resolve, reject) => {
   
2.     setTimeout(() => {
   
3.         var a = document.createElement('a');
   
4.         var url = window.URL.createObjectURL(blob);
   
5.         var filename = page + '.jpg';
   
6.         a.href = url;
   
7.         a.download = filename;
   
8.         a.click();
   
9.         resolve()
   
10.     }, 1000);
    
11. }).then(_ => {
    
12.     window.URL.revokeObjectURL(url);
    
13.     if(pageCurrent<pageTotal){
    
14.         pageCurrent++;
    
15.         downloadPic(pageCurrent);
    
16.     }
    
17. })
    
18. 
    

复制代码

替换fetch(picUrl).then(res => res.blob().then(blob => { 里的试下，能不能用我也不知道，因为我也是菜鸟

qingseyouran

靓坤 发表于 2022-3-6 21:24
用settimeout把fetch那里包住即可

好的。我试下，这个fetch套得太多