2011-12-06 126 views
1

我想在网页上集成计数器。柜台应计算金钱(所以它应该计算:)),这是根据过去一段时间以来估计的金额提高的......它不需要反映真正正确的金额。它应该给人的感觉是,资金筹集和速度有多快。 :)用于计算金额的计数器

另外,计数器不能复位或重新审查网站时,重新开始...

不幸的是,我不是一个真正的开发人员,不知道怎么做这样的事情。 :(我在网上发现了一些计数器,但没有一个是按照我想象的方式进行的

但是,我找到了一个很好的例子,我在想什么 - 在www.dailymile.com的着陆页上,左上角有一英里计数器我在想这样的事情。

有人可以帮助我,请?谢谢!

回答

4

如果你想在柜台会话之间逐渐增加,并避免使用一些服务器端的状态,也许你可以将计数器的值作为时间函数的基础?

<div> 
$<span class="moneyCounter"></span> raised so far. 
</div> 
<script type="text/javascript"> 

var setCounter = function(){ 
    var counterValue = 
    (new Date().getTime() - new Date('01/01/2011').getTime())/(1000*60*6); 
    $('.moneyCounter').text(counterValue); 
} 

setInterval(setCounter,10000); 
setCounter(); 

</script> 

这会每十秒钟提高一次值。您可能想要使用更令人兴奋的功能,甚至可能需要间隔的随机更新间隔。

+0

+1有关“令人兴奋”功能的好处!如果货币的数量看起来似乎随着每一笔捐款的增加而增加(小步骤跳跃),而不是以线性方式(以每秒不变的速率),它总是看起来更好。 – Tadeck

+0

@jorgen:我想从2400万(2400万)开始。我该怎么做?如何我可以添加逗号看起来不错?另外我如何使用割草人递增数字显示在最后?非常感谢 –

+0

从2400万开始,只需添加2400万+ counterValue。格式化数字:http://stackoverflow.com/questions/1068284/format-numbers-in-javascript。显示增加的价值,您需要将计数器值分为两部分:现有值和增量。 –