码迷,mamicode.com
首页 > Web开发 > 详细

数字不断递增 可控制js

时间:2017-03-28 15:39:15      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:splay   pre   color   xtend   script   class   highlight   递增   number   

(function($){
    $.fn.numberRock=function(options){
        var defaults={
            speed:24,
            count:100
        };
        var opts=$.extend({}, defaults, options);

        var div_by = 100,
        count=opts["count"],
        
        speed = Math.floor(count / div_by),
        sum=0,
        $display = this,
        run_count = 1,
        int_speed = opts["speed"];
        var int = setInterval(function () {
            if(count == 0){
                $display.text(0);
            }
            if (run_count <= div_by&&speed!=0) {
                $display.text(sum=speed * run_count);
                run_count++;
            } else if (sum < count) {
                $display.text(++sum);
            } else {
                clearInterval(int);
            }
        }, int_speed);
    }

})(jQuery);

这是个count.js  这个函数定义了数字的大小和速度,所以说以后只要根据自己需求 分别填写大小和速度即可;

$(".value").numberRock({
             speed:34,
             count:1
	})

好好玩耍吧

数字不断递增 可控制js

标签:splay   pre   color   xtend   script   class   highlight   递增   number   

原文地址:http://www.cnblogs.com/wanglaowu/p/6634983.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!