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。

myDoughnut动画上的setInterval

2 个答案: