在jquery中调用创建的javascript函数

Question

我想在jQuery中调用创建的JavaScript函数。我希望在div带有'sample'类时触发该函数。我试图在click事件中附加类。

当我使用JavaScript调用时，我的脚本功能运行良好。但需要在jQuery中调用它。

$(document).ready(function() {
  $('#digital-services').click(function() {
    $('#second-menu').addClass('sample');
  });
});
$(window).scroll(function() {
  var menu = $('.sample');
  console.log(menu.length);
  if (menu.length == 1) {
    var y = setInterval(counter, 10); //calling in jquery not working
  }
});
var y = setInterval(counter, 10); //working
var x = 0;

function counter() {
  if (x < 11) {
    document.getElementById('counter1').innerHTML = x;
  }
  if (x < 601) {
    document.getElementById('counter2').innerHTML = x;
  }
  if (x < 31) {
    document.getElementById('count3').innerHTML = x;
  }
  if (x < 7) {
    document.getElementById('counter4').innerHTML = x;
  }
  if (++x == 601)
    clearInterval(y);
  console.log('counter log');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="digital-services" href="#second-menu">Digital Services</a>
<div class="container" id="second-menu">
  <div class="col-sm-3 digital-services-content">
    <p id="counter1" class="counter1 counting">10</p>
  </div>
  <div class="col-sm-3 digital-services-content">
    <p id="counter2" class="counting">600</p>
  </div>
  <div class="col-sm-3 digital-services-content">
    <p id="count3" class="counter3 counting">30</p>
  </div>
  <div class="col-sm-3 digital-services-content">
    <p id="counter4" class="counter4 counting">6</p>
  </div>
</div>