动画计数源码

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文件中的位置。然后，您将获取元素class或id，在本例中，我找到的内容如下所示

​

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