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