jquery - jQuery、ajax、および jsonp データを使用した連続アニメーション

Question

ajax リクエストを使用して jsonp データを読み取る JavaScript ファイルを作成しました。要素を追加しています

タグと私は追加しようとしています

要素を継続的に左に移動するアニメーションに変更します。

ので、私は持っています： var url='https://www.example.com/json/list.json/?callback=jsonpCallBack';

 setInterval(function() {
    $.ajax({
        url : url, 
        dataType:'jsonp',       
        success: function(data)
        {
             var outputhtml='<ul>'; 
             var item = [];
              for(var i =0; i < data.length-1 ;i++)
              {

                var item = data[i];
                outputhtml+=  '<li>'+item.symbol + ' &nbsp' ;
                var changeValue=item.change;
                if(changeValue == 'd')
                {
                     outputhtml +='<span class="bid-value-down">' + item.BID+ '</span> &nbsp<span class="ask-value">(' +item.ASK+ ')</span> &nbsp<span class="down">   &nbsp</span> &nbsp&nbsp&nbsp| &nbsp&nbsp&nbsp</li>';
                }
                else
                {
                     outputhtml += '<span class="bid-value-up">' + item.BID+ '</span> &nbsp<span class="ask-value">(' +item.ASK+ ')</span> &nbsp<span class="up">  &nbsp </span> &nbsp&nbsp&nbsp| &nbsp&nbsp&nbsp</li>' ;
                }
              }
              outputhtml+="</ul>";
              $('.quotesbar-ticker').html(outputhtml) ;
              $('.quotesbar-ticker ul li').clone().appendTo('.quotesbar-ticker ul');
              doTicker();
        }

    }) 
    },52000 );
});`   {               }

私の主な機能として。私のメイン関数内には、doTicker(); への呼び出しがあります。

function doTicker() 
  {
jQuery(document).ready(function($) { 
     $('.quotesbar-ticker').css('left',0).animate({'left': '-2500px' } , 20000 , 'linear');
 });

  }

私が欲しいのは、ティッカー形式で値を表示することです。しかし、アニメーション機能に問題があり、立ち往生しています。現在の機能以来、私は現在、ティッカーとして短時間動作し、その後停止して再び開始します。

コードをできるだけ短くしたいので、派手なプラグインは使いたくありません。何か助けはありますか？私は感謝します。ありがとう