JavaScript/jQuery-在更改时第一次输入原始值，第二次输入前一个值

我想使值具有动画效果，但使用我使用的函数，过去的值需要存储在某个位置（不确定存储在哪里）

HTML

小提琴：

我创建了一个具有类的dom元素，每次更改值时，我都会增加类名，但如果多次更改值，则会变得很糟糕

---

有什么想法吗？

您可以在元素上指定一个数据属性

---

您可以指定给元素上的数据属性

---

您可以指定给元素上的数据属性

---

您可以指定给元素上的数据属性

---

您需要使用全局变量。@pmandell hm。。。听起来不错，但是怎么做呢？你需要使用一个全局变量。@pmandell-hm。。。听起来不错，但是怎么做呢？你需要使用一个全局变量。@pmandell-hm。。。听起来不错，但是怎么做呢？你需要使用一个全局变量。@pmandell-hm。。。听起来不错，但如何使用？我在这里使用了您的代码：但我第一次遇到一个错误。。。知道为什么吗？@AdrianFlorescu可能是因为输入的数据属性尚未初始化。请参阅上面我的编辑。谢谢您的帮助。看看最终的输出：知道为什么数字与期望的输出不一样吗？（与输入相同？）我在这里使用了您的代码：但我第一次遇到一个错误。。。知道为什么吗？@AdrianFlorescu可能是因为输入的数据属性尚未初始化。请参阅上面我的编辑。谢谢您的帮助。看看最终的输出：知道为什么数字与期望的输出不一样吗？（与输入相同？）我在这里使用了您的代码：但我第一次遇到一个错误。。。知道为什么吗？@AdrianFlorescu可能是因为输入的数据属性尚未初始化。请参阅上面我的编辑。谢谢您的帮助。看看最终的输出：知道为什么数字与期望的输出不一样吗？（与输入相同？）我在这里使用了您的代码：但我第一次遇到一个错误。。。知道为什么吗？@AdrianFlorescu可能是因为输入的数据属性尚未初始化。请参阅上面我的编辑。谢谢您的帮助。看看最终的输出：知道为什么数字与期望的输出不一样吗？（与输入相同？）

<input type="text" id="text" value="100">
<h1>My value: <span id="text-output">100</span>

$input = $('#text');
    $input.on('change', function(){
        var val = $(this).val();
        var memoryValue = 1; //I need this to be original value first time and previous value second times

        animateNumber($('#text-output'), memoryValue, val, 300);

    })

$input = $('#text');
$this.data("previousVal", 100); //Initialize the data attribute to 100
$input.on('change', function(){
    var $this = $(this);
    var val = $this.val();
    var memoryValue = $this.data("previousVal");
    $this.data("previousVal", val);
    animateNumber($('#text-output'), memoryValue, val, 300);
})