Javascript 计数效应；2个插件

尝试开发我的网站时，遇到了jQuery插件问题

在谷歌搜索到第9页后，我发现了一个可以正常工作的JavaScript插件，它可以简单地进行计数（我举一个链接为例，当你们向下滚动一个站点时，它会在一段时间内显示从0到所需数字的计数效果）

它的工作原理令人惊讶——我不会撒谎，这是我在8页互联网上找到的唯一一个功能性插件——但是，如果我尝试在网站上复制并粘贴插件（比如，加倍），它会破坏第一个插件，它们会相互干扰（无论我设置第二个插件的计数是多少，它都会作为第一个）。基本上，他们会互相炸毁

链接：

我的问题:

为什么会发生这种事？我的手是错还是错

就我的编码经验而言，我知道每个插件都有某种名称，比如识别哪个是哪个。这可能是错误的基础吗？比如，我必须改变第二个的名字？如果是，我应该修改哪一行

你有这种插件吗

L.E.：忘了提了。我使用sitebuilder:WebWave，所以它必须有css代码、html和jv代码

（函数（$）{
$.fn.countTo=函数（选项）{
//将默认插件设置与自定义选项合并
options=$.extend（{}，$.fn.countTo.defaults，options{}）；
//更新值的次数，以及每次更新时值的增量
var循环=Math.ceil（options.speed/options.refreshInterval），
增量=（options.to-options.from）/循环；
返回$（this）.each（函数（）{
var_this=这个，
loopCount=0，
value=options.from，
interval=setInterval（updateTimer，options.refreshInterval）；
函数updateTimer（）{
值+=增量；
loopCount++；
$（_this.html（value.toFixed（options.decimals））；
if（typeof（options.onUpdate）==“function”）{
options.onUpdate.call（_this，value）；
}
如果（循环计数>=循环）{
间隔时间；
value=options.to；
if（typeof（options.onComplete）==“function”）{
options.onComplete.call（_this，value）；
}
}
}
});
};
$.fn.countTo.defaults={
from:0，//元素的起始编号
to:100，//元素应该结束的数字
速度：1000，//在目标数字之间计数需要多长时间
refreshInterval:100，//应更新元素的频率
小数：0，//要显示的小数位数
onUpdate:null，//每次更新元素时的回调方法，
onComplete:null，//元素完成更新时的回调方法
};
})（jQuery）；
jQuery（函数（$）{
$（'.timer'）.countTo({
起:50,，
收件人：2500，
速度：5000，
刷新间隔：50，
onComplete:函数（值）{
调试（这个）；
}
});
});
.timer{
宽度：200px；
保证金：20px自动；
文本对齐：居中；
显示：块；
字号：20px
}
#帮助{
宽度：500px；
保证金：20px自动；
文本对齐：居中；
显示：块；
字号：14px
}


从：50到：2500/超过5000毫秒
在我使用唯一ID时适用

移除显示：块以水平对齐

比如说


（函数（$）{
$.fn.countTo=函数（选项）{
options=$.extend（{}，$.fn.countTo.defaults，options{}）；
var循环=Math.ceil（options.speed/options.refreshInterval），
增量=（options.to-options.from）/循环；
返回$（this）.each（函数（）{
var_this=这个，
loopCount=0，
value=options.from，
interval=setInterval（updateTimer，options.refreshInterval）；
函数updateTimer（）{
值+=增量；
loopCount++；
$（_this.html（value.toFixed（options.decimals））；
if（typeof（options.onUpdate）==“function”）{
options.onUpdate.call（_this，value）；
}
如果（循环计数>=循环）{
间隔时间；
value=options.to；
if（typeof（options.onComplete）==“function”）{
options.onComplete.call（_this，value）；
}
}
}
});
};
$.fn.countTo.defaults={
起:0,，
致:100,，
速度：1000，
刷新间隔：100，
小数：0，
onUpdate:null，
onComplete:null，
};
})（jQuery）；
jQuery（函数（$）{
$（'#timer1'）。countTo({
起:50,，
收件人：2500，
速度：5000，
刷新间隔：50，
onComplete:函数（值）{
调试（这个）；
}
});
$（'#timer2'）。countTo({
从：1550，
收件人：4500，
速度：5000，
刷新间隔：50，
onComplete:函数（值）{
调试（这个）；
}
});
});
.timer{
宽度：200px；
保证金：20px自动；
文本对齐：居中；
字体大小：20px；
填充：50px；
}
#帮助{
宽度：500px；
保证金：20px自动；
文本对齐：居中；
显示：块；
字号：14px
}
#容器{
文本对齐：居中
}


从：50到：2500/超过5000毫秒
。PS:JAVA不是Javascript谢谢你的快速回答^；我有两个问题1。这两个数字都必须有唯一的代码吗（在thsi情况下为2500、4500）？2.我怎样才能将它们进行可怕的横向对齐？我不知道你所说的强制唯一代码是什么意思。您需要标识两个不同的跨距，以便不能使用它们都具有的类。因为它们是跨距，您只需删除dispay:block即可对齐thn水平。再次感谢您的帮助。非常感谢。然而不知道为什么，你的代码删除了我网站上的所有图片，一旦我删除它们，它们就会回来。而且，即使我在网站上按“Run”时它也能工作，数字也不会出现在屏幕上