Javascript逐渐增加数量

Question

下面的代码是一个点击游戏，比如cookie点击器，但非常基本，游戏的间隔会增加“cookies”的数量，每300毫秒购买一次“自动加密器”（CPS），用户也可以点击图像将'cookies'增加1。

我的问题是，间隔不会逐渐增加，而是每隔300毫秒以固体块的形式添加，我怎样才能让它逐一顺利地添加到'饼干'中？

三江源

   var globals = {
    CPS: 0
};

$(document).ready(function () {
    //auto add CPS every 300ms (this is what I want to happen gradually
    setInterval(function () {
        $("#lblCookies").text(parseInt($("#lblCookies").text()) + globals.CPS);
    }, 300);

    //click the cookie to get one
    $("#imgCookie").click(function () {
        $("#lblCookies").text(parseInt($("#lblCookies").text()) + 1);
    });

   //buy an auto clicker
   $("#btnBuyAuto").click(function() {
    globals.CPS = globals.CPS + 1;
   });
});