话不多说上代码!

$(function(){
    var change_ani = anime({
        targets: ['.item'],
        color: {
            value: function () {
                var r = parseInt(Math.random() * 255);
                var g = parseInt(Math.random() * 255);
                var b = parseInt(Math.random() * 255);
                return 'rgb(' + r + ',' + g + ',' + b + ')';
            }
        },
        easing: "easeOutExpo",
        // loop:true, //循环
        // direction: 'alternate', //返回状态
        autoplay: false
    });
    $('.btn').on('click', function () {
        change_ani.restart();
    }); });

这是我写的一个关键词切换效果，但是问题是每次点击按钮触发动画的时候他都是取得同一个随机数，这样就达不到我要的效果，我希望是每次点击按钮的时候它都取不同的值.
简单点:
我希望每次点击按钮时都取一个随机数，而不是只能取一次随机数下次点击的时候还是那个随机数。

问题已经解决
主要还是我的代码严谨度不够高
anime的对象需要纯在于 监听事件中才可以  放在事件外面就无法监听到对应的值进行改变 看来我还要把js的基础好好巩固下了。
解决代码如下:
    $(function(){
    $('.btn').on('click', function () {
        var a=5;
        var b=20;
        var change_ani = anime({
            targets: ['.item'],
            translateX:function (target) {
                // return target.getAttribute('data-left');
            },
            translateY:function (target) {
                // return target.getAttribute('data-top');
            },
            fontSize: function () {
                return anime.random(a,b);

            },
            color: {
                value: function () {
                    var r = parseInt(Math.random() * 255);
                    var g = parseInt(Math.random() * 255);
                    var b = parseInt(Math.random() * 255);
                    return 'rgb(' + r + ',' + g + ',' + b + ')';
                }
            },
            easing: "easeOutExpo",
            // loop:true, //循环
            // direction: 'alternate', //返回状态
            autoplay: false,
            complete:function () {
                // anime.remove('.item');
                a=anime.random(2,5);
                b=anime.random(15,20);
                console.log(a,b)
            }
        });
        change_ani.restart();
    });
});