动画计数源代码

Question

所以我对编码很新（非常），我在这个网页上找到了一个动画计数器，我想为自己重现。在查看页面的源代码时，css样式似乎是从javascript安装的，但我不知道哪一个是正确的。有人能够帮助澄清我应该使用哪个CSS上传？如果我能提供任何其他信息，请告诉我。

视图源：http://www.dmarealtors.com/advocacy

反例：http://www.dmarealtors.com/advocacy

Answer 1

单独使用css无法完成此动画。如果在加载页面时查看DOM，可以看到html元素中的值是如何更改的。

所以，这只是一个循环，它每隔几毫秒设置一个新值。

var element = document.getElementById("counter"); //or whatever id your element has

var counter = 0;
var timer = setInterval(function () {
    counter += 1000;
    element.innerHTML = counter;
    if(counter == 150000) {
        clearInterval(timer);
    }
}, 50); //wait 50ms

Answer 2

我相信我找到了你要求的内容，它必须是图片中的文件

现在，我将解释如何找到它，您必须首先确定HTML文件中的位置。在那之后，你将获取元素类或id，在你的情况下，这是我找到的

班级名称是“field field-name-field-counter ...”。找到名称后，打开notepad ++，在每个css文件中搜索该名称