在特定時間后如何加載canvas數組？

Question

我的編碼技能不是最好的，因此我需要解決我當前的問題。

var canvas;
jQuery(document).ready(function(){
    canvas = jQuery('#myCanvas').canvaDots({
        sizeDependConnections: false,
        randomBounceSides: false,
        dotsColor:[0,0,0,0],
        linesColor:[255,255,255],
        mouseReaction: true,
        magnetPowerDelimiter: 5,
        speed: 1.2
    });

    canvas.loadSpecificArray(1, arrayZ);
    canvas.setSpecificArray(1, function(){});
    canvas.setSpecificArrayOffsetX(10);
});

我需要以下幾行才能在3秒的延遲后執行

canvas.loadSpecificArray(1, arrayZ);
canvas.setSpecificArray(1, function(){});

並在延遲10秒后顯示以下內容。

canvas.destroytSpecificArrays(arrayZ)

我如何完成此工作，您能指出我的方向嗎？

Answer 1

您可以利用一個稱為setTimeout的本地JS方法。

setTimeout(function() {
    canvas.destroytSpecificArrays(arrayZ)
}, 10000) //10000 ms = 10 seconds

希望能奏效

Answer 2

您需要使用setTimeout ，其中1000 = 1秒

var canvas;
jQuery(document).ready(function(){
canvas = jQuery('#myCanvas').canvaDots({
    sizeDependConnections: false,
    randomBounceSides: false,
    dotsColor:[0,0,0,0],
    linesColor:[255,255,255],
    mouseReaction: true,
    magnetPowerDelimiter: 5,
    speed: 1.2

});
setTimeout(()=>{
canvas.loadSpecificArray(1, arrayZ);
canvas.setSpecificArray(1, function(){});
},3000); // This function will get executed after 3 second

setTimeout(()=>{
canvas.setSpecificArrayOffsetX(10);
},10000) // This function will get executed after 10 second
});

Answer 3

只需使用JavaScript setTimeout方法進行設置即可。 語法很簡單：

setTimeout(function() {
    // your code
}, 3000) // // time in milliseconds until the above code should execute (e.g. 3000 milliseconds == 3 seconds)

在您的特定情況下，請嘗試以下代碼：

var canvas;
jQuery(document).ready(function(){
canvas = jQuery('#myCanvas').canvaDots({
    sizeDependConnections: false,
    randomBounceSides: false,
    dotsColor:[0,0,0,0],
    linesColor:[255,255,255],
    mouseReaction: true,
    magnetPowerDelimiter: 5,
    speed: 1.2
});

setTimeout(function(){ 
    canvas.loadSpecificArray(1, arrayZ);
    canvas.setSpecificArray(1, function(){});
}, 3000);

canvas.setSpecificArrayOffsetX(10);

setTimeout(function(){ 
    canvas.destroytSpecificArrays(arrayZ)
}, 10000);

Answer 4

1000毫秒= 1秒

setTimeout(function(){
    console.log(1);
  console.log(2);
    setTimeout(function(){
    console.log(3);
    },10000);
},3000);