在函数上设置最大执行时间

Question

我在客户端（cordova 应用程序）使用pdfmake生成 PDF 文件。

文档定义越复杂， pdfmake生成文档所需的时间就越长。

因此，我的目的是对pdfmake生成文档所需的时间设置硬性限制，例如 bash 中的timeout命令所做的事情，并指示用户是否无法完成。

这是我正在尝试做的一个片段：

runFor(10, function(){  // run this function for a maximum of 10s
  pdfMake.createPdf(documentDefinition).getBase64(function(b64buff){
     //do something with the result
  });
}, ontimeout);

Answer 1

一种可能性是在 JavaScript 中，即 setInterval 函数。

var i =0;
setInterval(function(){i++;console.log(i)},1000);

此代码段每秒将 i 增加 1。 现在在您要执行的函数中，检查 i 以查看它是否足够大以将代码转移到中断。 只需确保在重新启动该功能时重置 i。

Answer 2

理想情况下，您需要更改功能。 也许它可以将条件作为参数。

根据它在做什么需要“永远”，您可以生成一个运行该函数的子进程，然后在一段时间后终止该进程。

Answer 3

很抱歉，这个解决方案不像您或未来的读者希望的那样通用，但它确实有效，而且我还没有更好的主意......

WebWorker 接口作为一个terminate方法，一旦被主线程调用就会立即停止 Worker 的执行。
我们可以使用它在主线程上启动一个计时器，当达到超时阈值时，它将调用此Worker.terminate方法。

这并不是真正的通用，因为它意味着您的代码必须能够在 Worker 中运行。
但是您很幸运，因为pdfmake库似乎可以。

所以你可以这样写：

pdfmakeWorkerScript.js

// first import needed assets
self.importScripts('pdfmake.min.js');
self.importScripts('vfs_fonts.js');

self.onmessage = function(e) {
  if(e.data.docDefinition){
    pdfMake.createPdf(e.data.docDefinition).getBase64(function(b64) {
      self.postMessage(b64);
    });
  }
};

在主页面上

function generatePDFinLessThan(docDefinition, maxTimeInSec, onsuccess, ontimeout){
  var worker = new Worker('pdfmakeWorkerScript.js');
  var timer = setTimeout(stopWorker, maxTimeInSec * 1000);
  worker.onmessage = function(e) {
      clearTimeout(timer);
      if(typeof onsuccess === 'function')
        onsuccess(e.data);
  }
  function stopWorker() {
    worker.terminate();
    if(typeof ontimeout === 'function')
        ontimeout();
  }
  worker.postMessage({docDefinition: docDefinition});
}

// usage
var docDefinition = {...};
generatePDFinLessThan(docDefinition, 10, function onsuccess(data) {...}, function ontimeout() {...});

还有一个修改后的版本，以便它在 StackSnippets 中工作：

 const workerURL = generateWorkerURL(); // should normally just be a string url pointing to your worker's .js const docDefinition = { content: 'This is an sample PDF printed with pdfMake' }; function generatePDFinLessThan(max_duration, onsuccess, ontimeout) { let timer = null; const worker = new Worker(workerURL); worker.onmessage = e => { if (e.data === "assets ready") { // for slow connections startTimer(); return; } if (e.data.type === "success"){ clearTimeout(timer); if(typeof onsuccess === 'function') { onsuccess(e.data.data); } } }; worker.postMessage({ docDefinition: docDefinition, // demo only! waitingTime: waitingInput.value * 1000 // end demo only }); function startTimer() { console.log('assets ready'); // rawgit is really long for me... timer = setTimeout(() => { worker.terminate(); if (typeof ontimeout === 'function') { ontimeout(); } }, max_duration * 1000); } } btn.onclick = e => generatePDFinLessThan(+maxTimeInput.value, onsuccess, ontimeout); function onsuccess(data) { console.log(data); } function ontimeout() { console.error('operation timed out'); } // demo only! function generateWorkerURL() { const script = document.querySelector('script[type="worker-script"]'); const blob = new Blob([script.textContent], { type: 'application/javascript' }); return URL.createObjectURL(blob); }

 <script type="worker-script"> /* pdfmake generation in a worker */ const pdfmake_baseURI = "https://cdn.jsdelivr.net/gh/bpampuch/pdfmake/build/"; // first import needed assets self.importScripts(pdfmake_baseURI + 'pdfmake.min.js'); self.importScripts(pdfmake_baseURI + 'vfs_fonts.js'); self.postMessage('assets ready'); onmessage = e => { if(e.data.docDefinition){ // for demo only! wait(e.data.waitingTime); // end for demo only pdfMake.createPdf(e.data.docDefinition).getBase64(b64 => { self.postMessage({type: 'success', data: b64}); }); } }; // for demo only! function wait(dur) { const now = performance.now(); while(performance.now() - now < dur){} } </script> <button id="btn">generate pdf</button><br> <label>Maximum execution time (in sec) <input type="number" id="maxTimeInput" value="5"></label><br> <label>Waiting time in worker (in sec) <input type="number" id="waitingInput" value="0"></label>

Answer 4

如何将 Promise.all 与两个承诺一起使用。

一个 promise将触发一个函数，该函数将 1) 启动一个计时器来拒绝，这将结束 Promise.all，以及 2) 一个函数，如果目标函数完成，它将每 50 毫秒检查一次布尔值。

第二个承诺将触发目标函数，并在完成后将布尔值设置为 true

目标函数应该是一个异步函数

async function runFor(maxTimeMS, funcAsync) {
  let completed = false;
  try {
    await Promise.all([
      new Promise((resolve, reject) => {
        setInterval(() => {
          if (completed) {
            resolve();
          }
        }, 50); // check if completed every 50ms
        setTimeout(reject, maxTimeMS); // timeMS is max time to wait for func
      }),
      new Promise( async () => await funcAsync() )
        .then(() => { completed = true; })
    ]);
  } catch (e) {
    // if funcAsync does not complete, you will get an exception here
  }
}