Как продолжить действие скрипта после его остановки?

Question

[Анастасия]

Всем привет у меня на сайте есть полоса загрузки, я используюontouchstart чтобы при нажатии на экран (пальцем или мышкой) загрузка приостановилась jQuery(".skillbar").stop();
и я хочу чтобы при отпускании экрана ontouchend полоса загрузки продолжила свою работу с того места где остановилась

Есть такой код, но он не до конца работает (останавливает, но не продолжает)

<div class="storiestime">
      <div class="skills" data-percent="100%" id="skills" style="transition: 1s;">
            <div class="skillbar"></div>  
    </div>
 </div>

<script>
    let elapsedTime = 0;
    let startTime;
    let storyTime = 15000;
     $('.zerostories').click(function(){ 
      startAnimation();
     function startAnimation(){
      jQuery('.skills').each(function(){
        var skillBar = jQuery(this).find('.skillbar');
          skillBar.animate({
              width:jQuery(this).attr('data-percent')
          }, {
              duration: storyTime,
              start: function(anim) {
                  startTime = new Date();
              },
              always: function(anim, jumpedToEnd) {
                  let endTime = new Date();
                  elapsedTime = endTime - startTime;
              }
          });
     });
 }
});
    $(".closestoris").on("click", function() {
        $('.likeproductstories').hide();
        $("#imagelike").attr("src","img/likestory.png");
        $("#dataModal").modal("hide");
        var skillBar = $(".skillbar");
        skillBar.stop();
        elapsedTime = 0;
        skillBar.width(0);
    });
    
function myFunction() {
jQuery(".skillbar").stop();

}
    
function myFunctiontwo() {
  var skillBar = jQuery(this).find('.skillbar');
    console.log("StoryTime: " + storyTime + " ElapsTime: " + elapsedTime);
  skillBar.animate({
          width:jQuery(this).attr('data-percent')
        }, storyTime - elapsedTime, function() {
            $("#dataModal").modal("hide");
            skillBar.width(0);
    });
}
</script>

Буду благодарна если укажете на ошибку в коде, или же предложите более простой вариант для реализации

Answer 1

[MamaLuyba]

так а где в коде события touchstart и touchend? и в чем проблема повесить возобновление на touchend?

Comments

[Анастасия]

Это событие в блоке где находится полоса загрузки

[Анастасия]

Анастасия, Анастасия,

<div class="stories_go" ontouchstart="myFunction()" ontouchend="myFunctiontwo()">