Как загрузить массив 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

1000 мс = 1 с

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

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

Существует собственный метод JS с именем setTimeout, который вы можете использовать.

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

Надеюсь, что это работает