Ontouchstart при нажатии остановить функцию js?

Question

[Анастасия]

У меня есть модальное окно на весь экран в котором есть полоса загрузки. Блок открывается при нажатии на кнопку

<div id="dataModal" class="modal fade custom">  
      <div class="modal-dialog modal-admin">
<div class="stories_go" ontouchstart="myFunction()" ontouchend="myFunctiontwo()">
<div class="skills" data-percent="100%" id="skills" style="transition: 1s;">
            <div class="skillbar"></div>  
    </div>
</div>
</div></div>

Когда полоса загрузки подходит к концу это окно закрывается

$('.zerostories').click(function(){ 
      startAnimation();
     function startAnimation(){
      jQuery('.skills').each(function(){
        var skillBar = jQuery(this).find('.skillbar');
        skillBar.animate({
          width:jQuery(this).attr('data-percent')
        },15000, function() {
                $("#dataModal").modal("hide");
            skillBar.width(0);
            });
        });
     }  
});

я добавила функцию которая скрывает некоторые элементы в этом модальном окне при нажатии и показывает снова после того как я отпускаю

<script>
function myFunction() {
  document.getElementById("buttonstories").style.display = 'none';
    document.getElementById("like_button_stories").style.display = 'none';
    document.getElementById("closestoris").style.display = 'none';
    document.getElementById("skills").style.display = 'none';
}
function myFunctiontwo() {
  document.getElementById("buttonstories").style.display = 'block';
  document.getElementById("like_button_stories").style.display = 'block';
  document.getElementById("closestoris").style.display = 'block';
  document.getElementById("skills").style.display = 'block';
}
</script>

и теперь вопрос

Как при нажатии остановить функцию function startAnimation() а после того как я отпущу продолжить ее с того самого момента на котором она остановилась?
???