Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS/JavaScript数字计数器_Javascript_Html_Css_Animation_Counter - Fatal编程技术网

CSS/JavaScript数字计数器

CSS/JavaScript数字计数器,javascript,html,css,animation,counter,Javascript,Html,Css,Animation,Counter,基本上,我正在寻找的是一个数字动画,一个很好的例子是在这个网站上: 如果你向下滚动,你会看到他们的“构建完成”等计数 我该怎么做?我不懂Javascript,也不懂jQuery,如果有必要的话,我将不胜感激 还有一个与此问题相关的小个子问题;我怎样才能每月/每年增加一个数字,比如在那个网站上的“在线月份” 我将非常感谢您的回答。 //此间隔将每50毫秒重复一次 var handler=setInterval(函数(){ //获取保存数字的元素 var numberContainer=docum

基本上,我正在寻找的是一个数字动画,一个很好的例子是在这个网站上:

如果你向下滚动,你会看到他们的“构建完成”等计数

我该怎么做?我不懂Javascript,也不懂jQuery,如果有必要的话,我将不胜感激

还有一个与此问题相关的小个子问题;我怎样才能每月/每年增加一个数字,比如在那个网站上的“在线月份”

我将非常感谢您的回答。

//此间隔将每50毫秒重复一次
var handler=setInterval(函数(){
//获取保存数字的元素
var numberContainer=document.getElementById(“编号”);
//获取数字。它以0开头
var number=parseInt(numberContainer.innerText,10);
//增加1或2(数字+=2;)
数字++;
//更新元素中的数字
numberContainer.innerText=编号;
//设置限制。如果数字大于/等于50
//停止间歇
如果(数字>=50){
clearInterval(处理器);
}
}, 50);

0
Hey;我可以问一下,我如何制作多个计数器?我复制了3次HTML和3次javascript,但都不起作用,只是HTML没有起作用,只是增加了1000+@arrey非常感谢mate:)@akinury嘿mate,我正在复制小提琴,但我无法让你最新的小提琴发挥作用。。。但是之前的代码确实是这样的:/@arrey代码非常简单,并且不言自明。我不能不看你当前的代码。