0

我每隔 n（随机）秒就有一个脉冲，我想在 div[id=item] 的底部绘制/绘制一个小图，使脉冲可视化。我正在考虑在它脉冲时生成一个高斯钟，但对于这个例子，绘制 0 和 1 很好。脉冲在某个时间 t 出现，因此根据最佳情况，数据可以是时间数组或每 1/10 秒的值数组。

如果这是选择的方式，则每 1/10 秒向 data1 添加一个新值，否则 data2 将在它脉冲时添加一个值。我希望实时更新绘图，以便旧脉冲向左移动，因此新脉冲从 div 的右侧进入。

任何人都有一些从哪里开始的代码或想法，以及关于执行此操作的建议。

<script>
var data1 = [0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,1];
var data2 = [{1,2,3,4,5,];
</script>

    <div id="item" style="width:200px;height:100px"></div>

更新 1 我现在在画布上画画。关于如何使其更新/动画的任何好主意？

4

0 回答 0