javascript - 如何将 .2 放入 中？

Question

我的网站上有一个很酷的柜台。它基本上以一定的速率计数到一定的数字。我希望它达到 7.2，但它只会达到 7，可能是因为它被“.”搞糊涂了。代码如下。不确定是否有任何花哨的代码来表示句点(例如空格)。谢谢!

    <div class="col_one_fourth nobottommargin center col_last" data-animate="bounceIn" data-delay="600">
    <i class="i-plain i-xlarge divcenter nobottommargin icon-phone"></i>
    <div class="counter counter-lined"><span data-from="60" data-to="7.2" data-refresh-interval="30" data-speed="2700"></span></div>
    <h5>BILLION DEVICES! On Earth!</h5>

Java 脚本

counter: function(){

        if( !$().appear ) {
            console.log('counter: Appear not Defined.');
            return true;
        }

        if( !$().countTo ) {
            console.log('counter: countTo not Defined.');
            return true;
        }

        var $counterEl = $('.counter:not(.counter-instant)');
        if( $counterEl.length > 0 ){
            $counterEl.each(function(){
                var element = $(this);
                var counterElementComma = $(this).find('span').attr('data-comma');
                if( !counterElementComma ) { counterElementComma = false; } else { counterElementComma = true; }
                if( $body.hasClass('device-lg') || $body.hasClass('device-md') ){
                    element.appear( function(){
                        SEMICOLON.widget.runCounter( element, counterElementComma );
                        if( element.parents('.common-height') ) {
                            SEMICOLON.initialize.maxHeight();
                        }
                    },{accX: 0, accY: -120},'easeInCubic');
                } else {
                    SEMICOLON.widget.runCounter( element, counterElementComma );
                }
            });
        }
    },

    runCounter: function( counterElement,counterElementComma ){
        if( counterElementComma == true ) {
            counterElement.find('span').countTo({
                formatter: function (value, options) {
                    value = value.toFixed(options.decimals);
                    value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
                    return value;
                }
            });
        } else {
            counterElement.find('span').countTo();
        }
    },

Answer 1

这里仍然缺少一些代码，因为显然有一些函数被添加到您没有演示的内容中。您是否安装了 jquery 插件或其他东西？

通过弄清楚该插件如何配置它传递给格式化程序的选项，您可能会找到您正在寻找的内容。注:

formatter: function (value, options) {
           value = value.toFixed(options.decimals);

它根据 options.decimals 将值设置为固定小数。如果将其设置为 0 或根本未设置，您将看到所观察到的行为，即设置 0 个小数位，从而将 7.2 chop 为 7。

更新

好的，如果您只是在评论中的 fiddle 中添加空格和换行符，那么它就会变得非常清楚。有一行设置选项对象，它从数据属性中提取所有内容，例如data-decimals='2' 将通过 decimals:e(this).data("decimals") 传递给参数，并将小数位数设置为 2，并将您的7 就是 7.20。