Animation 当内容在浏览器中可见时，触发Divi主题提供的内置javascript动画

我使用优雅主题中的Divi主题构建WordPress网站

该主题提供了许多可视化模块来构建页面，其中一些模块具有内置动画

例如，圆圈计数器模块显示一个数字，周围有一个动画圆圈，圆圈的百分比根据圆圈内显示的数字上色

当您滚动页面以及在浏览器中显示圆形计数器模块时，将播放动画

我想知道我是否可以使用浏览器开发工具，以及如何找到动画是如何播放的，这样我就可以随时从自己的脚本中触发动画

我也可以访问主题的源代码，但我不知道如何开始查找我要查找的内容

---

Divi support说：“我担心这个功能不受支持。它需要定制，这超出了我们在这里提供的支持级别。”这就是我来这里的原因

下面的圆圈版本将在页面加载期间更新，但之后仪表不会调整-只有数值更改。将“newval”传递给进度条将根据需要递增或递减

$(".et_pb_circle_counter_0").animate({
'data-width': newval
},{
duration: 1000,
specialEasing: {
width: 'linear'
},
step: function (now) {
$(".et_pb_circle_counter_0 .et_pb_circle_counter_inner").attr("data-number-value", newval );
$(".et_pb_circle_counter_0 span.percent-value").html( Math.ceil(now) );
}
});

// Progress Bars
$(".et_pb_counter_0 span.et_pb_counter_amount").animate({
width: newval+"%"
},{
duration: 1500,
specialEasing: {
width: 'linear'
},
step: function (now) {
$(".et_pb_counter_0 span.et_pb_counter_amount").attr("data-width", Math.ceil(now)  + "%");
$(".et_pb_counter_0 span.et_pb_counter_amount_number").attr("data-width", Math.ceil(now) + "%");
$(".et_pb_counter_0 span.et_pb_counter_amount_number").html(Math.ceil(now) + "%");
}

---

}))

我有一个与op类似的问题，最初在这里发表了评论，但决定它属于它自己的问题，而不是作为一个评论。如果你愿意的话，介意看看吗？可在以下网址查看：