MSClass および setInterval_javascript スキルに基づいて、情報の Ajax タイミング収集とスクロール表示を実装する JS メソッド

この記事の例では、JS が MSClass と setInterval に基づいて情報の Ajax タイミング収集とスクロール表示を実装する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

setTimeout はディレイラーに使用され、一度だけ実行されます。

setInterval: 複数の実行に使用されます。

プロジェクト内で jquery.timers-1.2.js のタイマーが参照されており、MSClass が 3 分ごとに 3 回ほど実行することでスクロール回数が速くなっているためです。タイマーと MSClass の両方が使用されます。

setInterval が再度追加され、最終的に複数の setInterval が同時に実行されるため、呼び出し時に最後の setInterval をクリアするか、MSClass 作者のオリジナルのメソッドを引用する必要があります。

//定时器先执行 销毁实例
var Marquee1 = new Marquee(["div1", "Content"])
function Marquee_everyTime() {
  Marquee1.Destroy(); //销毁实例应用
  GetMarqueeInfo();  //然后ajax采集需要的信息数据。
}
//ajax方法
function GetMarqueeInfo() {
  LG.ajax({
    type: 'AjaxOther',
    method: 'GetMarqueeInfo',
    success: function (data, tipsContent) {
      $("#Content").html("");
      $("#Content").html(tipsContent);
      //大容器| 小容器 |滚动的方向 |滚动的速度 | 大容器的宽度 | 大容器的高度 | 滚动休息时间 | 滚动休息时间 | 滚动结束时间
     Marquee1.Direction = 2;
     Marquee1.Step = 0.4;
     Marquee1.Width = 640;
     Marquee1.Height = 30;
     Marquee1.Timer = 20;
     Marquee1.DelayTime = 4000;
     Marquee1.WaitTime = 3000;
     Marquee1.ScrollStep = 320;
     Marquee1.Start();
    },
    error: function () {
      LG.tip('信息加载失败.');
    }
  });
}

さらに JavaScript 関連のコンテンツに興味のある読者は、このサイトの特別トピックをチェックしてください: 「

JavaScript における ajax 操作スキルの概要」、「JavaScript スイッチング特殊効果の概要」スキル"、" JavaScript 検索アルゴリズムのテクニックのまとめ"、"JavaScript アニメーションの特殊効果とテクニックのまとめ"、"JavaScript のエラーとデバッグ テクニックのまとめ」、「JavaScript データ構造とアルゴリズム手法の概要」、「JavaScript トラバーサル アルゴリズムと手法の概要」、および「JavaScript 算術演算の使用法の概要」 「

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。