要素が表示されたらアニメーション開始　odometer.js

odometer.js を使い、要素が表示されたらアニメーション開始する様に編集したいです。
現状は画面リロード時にカウントが開始されてしまいます。

最終的には要素が取得された際にカウントを開始するようにしたいです。
下記コードで画面要素を取得してDOMを触ることはできたのですが、カウントは画面リード時に開始されてしまいます。

javascript
1      $(function() {
2// 引き金となる要素を設定
3    let triggerNode = $(".odometer ");
4// 画面スクロール毎に判定を行う
5    $(window).scroll(function(){
6// 引き金となる要素の位置を取得
7        let triggerNodePosition = $(triggerNode).offset().top;  
8 // 現在のスクロール位置が引き金要素の位置より下にあれば‥
9        if ($(window).scrollTop() > triggerNodePosition - 200) {
10 // 動かすJSの指示
11    $('.odometer-inside').html();
12//要素が取得されたらpタグ文字色を変える
13            $("p").css("color","#ff4500");
14        }
15    });
16});