Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在特定时间后加载画布数组?_Javascript_Jquery_Canvas_Timer_Html5 Canvas - Fatal编程技术网

Javascript 如何在特定时间后加载画布数组?

Javascript 如何在特定时间后加载画布数组?,javascript,jquery,canvas,timer,html5-canvas,Javascript,Jquery,Canvas,Timer,Html5 Canvas,我的编码技能不是最好的,所以我需要一些帮助来解决我的一个最新问题 var canvas; jQuery(document).ready(function(){ canvas = jQuery('#myCanvas').canvaDots({ sizeDependConnections: false, randomBounceSides: false, dotsColor:[0,0,0,0], linesColor:[255,

我的编码技能不是最好的,所以我需要一些帮助来解决我的一个最新问题

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)

我怎样才能做到这一点,你能给我指出一个方向吗?

有一个名为setTimeout的本地JS方法,你可以利用它

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

希望这能起作用,您需要使用
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
});

这可以简单地用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);
1000ms=1s

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

你应该看看这个:这很基本,你知道。如果您只是在javascript中搜索
等待
或在javascript中搜索
延迟
或只是组合您自己的标记
计时器javascript