javascript - pjs 未定义(processingjs)

Question

如果我使用这个:

$(document).ready(function() {
    pjs = Processing.getInstanceById("EyeCanvas");
    console.log(pjs);
}

那么pjs总是undefined

当我使用它时:

function test() {
    pjs = Processing.getInstanceById("EyeCanvas");
    console.log(pjs);
}

然后用按钮触发 test() 然后 pjs = D.Processing，这是应该的。

我按以下顺序加载脚本:

    <script type="text/javascript" src="processing-1.3.6.min.js"></script>
    <script type="text/javascript" src="jquery1-7-1.js"></script>
    <script type="text/javascript" src="script.js"></script>

我如何在没有人按下按钮的情况下使用 pjs？

Answer 1

请试试这个 - 只是为了看看它是否是一个时间问题 - 还要注意交换的脚本:

<script type="text/javascript" src="jquery1-7-1.js"></script>
<script type="text/javascript" src="processing-1.3.6.min.js"></script>
<script type="text/javascript" src="script.js"></script>

var tId,pjs,cnt=0;
$(document).ready(function() {
  tId=setInterval(function() {
    pjs = Processing.getInstanceById("EyeCanvas");
    console.log(cnt+':'+pjs);
    if (pjs) clearInterval(tId);
  },500);
});

这是什么意思？

var tId,pjs,cnt=0;
$(document).ready(function() {
  pjs = Processing.getInstanceById("EyeCanvas");
  console.log(cnt+':'+pjs);
  if (!pjs) tId=setInterval(function() {
    pjs = Processing.getInstanceById("EyeCanvas");
    console.log(cnt+':'+pjs);
    if (pjs) clearInterval(tId);
  },500);
});