javascript - 谁能告诉我如何在按下鼠标并继续直到它在 p5.js 中被释放时触发一个函数

Question

我尝试使用 p5 和 ml5 添加图像在我的网站中，用户可以在那里训练自己的图像并通过网络摄像头获得预测输出我尝试通过使用实现它

var addImage;
var mobilenet;
mobilenet = ml5.featureExtractor('MobileNet', modelReady);
classifier = mobilenet.classification(video,videoReady);
addImage = createButton('Insert');
addImage.mousePressed(function (){
classifier.addImage('Insert');
});

但对于每张图片，我都需要按下鼠标按钮才能插入我只想把它做成这样

**On mousePress()
  function to add multiple image;
  On mouseRelease()
  stop;**

Answer 1

从这里reference ，这应该有效；

var addImage;
var mobilenet;
var drawImageInterval = null;
mobilenet = ml5.featureExtractor('MobileNet', modelReady);
classifier = mobilenet.classification(video,videoReady);
addImage = createButton('Insert');
addImage.mousePressed(function (){
   if(mouseIsPressed && !drawImageInterval){
     drawImageInterval = setInterval(function(){
         classifier.addImage('Insert');
      }, 1000);
  } else {
     clearInterval(drawImageInterval);
     drawImageInterval = null;
  }

});