Méthode JS pour implémenter la collecte d'informations par synchronisation ajax et l'affichage défilant basé sur les compétences MSClass et setInterval_javascript

L'exemple de cet article décrit comment JS implémente la collecte d'informations par synchronisation ajax et l'affichage défilant basé sur MSClass et setInterval. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

setTimeout est utilisé pour le retardateur et n'est exécuté qu'une seule fois.

setInterval : utilisé pour plusieurs exécutions.

Le minuteur jquery.timers-1.2.js est référencé dans le projet et MSClass effectue un défilement régulier des informations. Il est exécuté toutes les 3 minutes environ trois fois. Le nombre de défilements devient de plus en plus rapide. les minuteries et MSClass sont utilisés. setInterval,

Un setInterval sera à nouveau ajouté, et enfin plusieurs setIntervals seront exécutés simultanément, c'est donc très rapide. Vous devez clearInterval le dernier setInterval lors de l'appel, ou citer la méthode originale de l'auteur de 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('信息加载失败.');
    }
  });
}

Les lecteurs intéressés par davantage de contenu lié à JavaScript peuvent consulter les sujets spéciaux sur ce site : "Résumé des compétences d'exploitation ajax en JavaScript", "Résumé des effets spéciaux de commutation JavaScript et skills", " Résumé des techniques d'algorithme de recherche JavaScript", "Résumé des effets spéciaux et techniques d'animation JavaScript", "Résumé des erreurs JavaScript et des techniques de débogage", "Structure des données JavaScript et résumé des techniques d'algorithme", "Résumé des algorithmes et techniques de traversée JavaScript" et "Résumé de l'utilisation des opérations mathématiques JavaScript "

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.