JavaScript定时器setInterval如何做到在定义时先执行一遍

JavaScript中的定时器setInterval是计时到才会开始执行,有没有办法再定义的时候就先调用一遍,然后再定时执行呢?

有,只要定义一个返回“定时执行函数”(如“waitUploadThenSave”)的“执行过程”, 将“定时执行函数”保存并调用一次,并且执行过程中返回该“定时执行函数”,将该“执行过程”的主体作为定时器要定时执行的function即可。可参考以下代码理解:

var count = 0;
var bNoNeedTimerRun = false;
var id = setInterval(
    (function () {
        var waitUploadThenSave = function () {
            //等待上传执行完成后保存数据:
            if (pThis.fileList.every(x => x.status == 'success')) {
                clearInterval(id);
                if (bNoNeedTimerRun) {
                    //初始运行时就检测到都已上传完成,则定时运行中无须做任何事情,清除定时器即可
                    return;
                }
                if (!id) {
                    //初始运行时未完成id赋值,此时就检测到都已上传完成,则无需再定时检测运行
                    bNoNeedTimerRun = true;
                }                  
                setTimeout(() => pThis.saveTaskInfo(), 20); //wait for running on-success callback for upload
                return;
            } else {
                if (++count > 600) {
                    clearInterval(id);
                    pThis.$message({
                        message: `上传资料${pThis.task.TaskText ? "“" + pThis.task.TaskText + "”" : ""}执行超时,未执行保存!`,
                        type: 'error'
                    });
                }
            }
        }
        waitUploadThenSave();
        return waitUploadThenSave;
    })()
    , 50);

你可能感兴趣的:(Javascript,javascript,setInterval,定义时先执行)