javascript - myDoughnut 动画上的 setInterval

Question

我想每 5 秒重复一次 myDoughnut 动画的动画。目前它只在页面加载时动画。

<script>
                    var doughnutData = [
                            {
                                value: 80,
                                color:"#74cfae"
                            },
                            {
                                value : 20,
                                color : "#3c3c3c"
                            }
                        ];

                        var myDoughnut = new Chart(document.getElementById("CSS3").getContext("2d")).Doughnut(doughnutData);



                </script>

我试过使用

setInterval("Chart();", 500);

我还在学习 Javascript，所以有点不确定我是否引用了正确的函数以及在哪里放置 setInterval 代码。

动画可以在本网站底部查看：http://www.chartjs.org/

非常感谢您的任何指导和指导！

Answer 1

setInterval 接受一个函数作为参数。

尝试：

setInterval(function(){ Chart(); }, 500);

Answer 2

您应该将适当的函数传递给setInterval。

我寻找一种方法来重放 Chart 对象的动画，但在 ChartJS 文档中找不到任何指令。

以下是您的功能应该是这样的：

setInterval(function () {
  myDoughnut = new Chart(document.getElementById("CSS3").getContext("2d")).Doughnut(doughnutData);
           }, 2000);

这是工作JSFiddle。