簡體   English   中英

設置兩個函數之間的間隔 JavaScript

[英]SetInterval between two functions JavaScript

我正在使用 JavaScript 對象生成 HTML 表,我創建了兩個具有不同標題的函數:

function generateTable(data) {
let newobj = data.filter(function(el) {
        return el.Sens == 'Depart';
    })
    .map(function(obj) {
        return {
            Heure: moment(obj.prevu).format("h:mm"),
            Vol: obj.Numvol,
            Compagnie: 'uploads/' + obj.FileName,
            Destination: obj.AeroD + '  via  ' + obj.AeroA,
            Comptoir: obj.Comptoir.replace(/[\[\]']+/g, ''),
            Porte: obj.porte,
            Infos: obj.etat,
            Enregistrement: obj.active_enregistrement,
        }
    });}

第二個 Function:

function generateArTable(data) {
let newobj = data.filter(function(el) {
        return el.Sens == 'Depart';
    })
    .map(function(obj) {

        return {
            'التوقيت': moment(obj.prevu).format("h:mm"),
            'الرحلة': obj.Numvol,
            'الناقل الجوي': 'uploads/' + obj.FileName,
            'الوجهة': obj.AeroD_ar + ' عبر ' + obj.AeroA_ar,
            'الشباك': obj.Comptoir.replace(/[\[\]']+/g, ''),
            'الباب': obj.porte,
            'معلومات': obj.etat

        }
    });

他們都使用同一張表生成一個 HTML 表

let table = document.querySelector("#fr_table");

我想創建一個具有兩個參數 N 和 X 的 function:

  • N 是執行兩個函數的次數
  • X 是兩個函數執行之間的間隔

我試過這些功能:

 setTimer0 = setInterval(function() {
    generateArTable(data);
    console.log("first function executed");

}, 3500, (0));

setTimer1 = setInterval(function() {
    generateTable(data);
    console.log("second function executed");

}, 3100, (1));

但對於兩個函數之間的間隔,它沒有按預期工作。

N 是執行兩個函數的次數 X 是執行兩個函數的間隔:

 function f1(){console.log(1);} function f2(){console.log(2);} function asYouWish(N, X) { while(N--){ f1(); setTimeout(f2, X); } } asYouWish(3, 500);

N 是執行兩個函數的次數 X 是每個下一個 function 執行之間的間隔:

 function f1(){console.log(1);} function f2(){console.log(2);} function asIThinkYouReallyWish(N, X) { for(let i = 0; i < N*2; i++) { setTimeout(i%2? f2: f1, i * X); } } asIThinkYouReallyWish(3, 500);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM