【问题标题】:Counter for counting amount of money up计数金额的计数器
【发布时间】:2011-12-06 18:33:11
【问题描述】:

我想在网页上集成一个计数器。柜台应该数钱(所以它应该向上计数:)),这是根据过去一段时间内提出的估计而提出的......它不需要反映真正正确的金额。它应该给人一种感觉,即资金筹集的速度和速度。 :)

此外,重新访问网站时不应重置或重新开始计数器...

不幸的是,我并不是真正的开发人员,也不知道如何做这样的事情。 :( 我在网上找到了一些柜台,但没有一个是按照我想象的那样做的。

但是,我找到了一个很好的例子来说明我的想法 - 在www.dailymile.com 的登录页面上,左上角有一个里程计数器。我在想这样的事情。

有人可以帮帮我吗?谢谢!

【问题讨论】:

    标签: javascript counter currency


    【解决方案1】:

    如果您希望计数器在会话之间逐渐增加,并避免使用某种服务器端状态,也许您可​​以将计数器值基于时间函数?

    <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>
    

    这将使值每十秒增加 1。您可能想要使用更令人兴奋的功能,甚至可能想要使用随机更新间隔。

    【讨论】:

    • +1 关于“令人兴奋”的功能的好点!如果金额看起来随着每次捐赠(以小步长跳跃)而增加,而不是以线性方式(每秒恒定速率)增加,它总是看起来更好。
    • @jorgen:我希望从 24,000,000(2400 万)开始。我怎么能这样做?另外我如何添加逗号看起来不错?另外,我如何在最后使用 mow man 递增数字显示?非常感谢
    • 2400万开始,加2400万+counterValue。格式化数字:stackoverflow.com/questions/1068284/…。显示增加的值,您需要将计数器值拆分为两个部分:现有值和增量。
    猜你喜欢
    • 1970-01-01
    • 2023-04-07
    • 1970-01-01
    • 2014-01-14
    • 2017-08-01
    • 1970-01-01
    • 2022-01-18
    • 2019-10-09
    • 2023-03-15
    相关资源
    最近更新 更多