Heim > Web-Frontend > js-Tutorial > Hauptteil

JS-Methode zur Implementierung der Ajax-Timing-Erfassung von Informationen und der Bildlaufanzeige basierend auf MSClass- und setInterval_javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:05:00
Original
1548 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie JS die Ajax-Timing-Erfassung von Informationen und die Scroll-Anzeige basierend auf MSClass und setInterval implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

setTimeout wird als Verzögerung verwendet und nur einmal ausgeführt.

setInterval: wird für mehrere Ausführungen verwendet.

Der jquery.timers-1.2.js-Timer wird im Projekt referenziert und MSClass führt einen regelmäßigen Informations-Scrolling durch. Er wird etwa dreimal alle 3 Minuten ausgeführt Es werden sowohl Timer als auch MSClass verwendet

Ein setInterval wird erneut hinzugefügt und schließlich werden mehrere setIntervals gleichzeitig ausgeführt, sodass es sehr schnell geht. Sie müssen beim Aufruf das letzte setInterval löschen oder die ursprüngliche Methode des MSClass-Autors zitieren.

//定时器先执行 销毁实例
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('信息加载失败.');
    }
  });
}

Nach dem Login kopieren
Leser, die an mehr JavaScript-bezogenen Inhalten interessiert sind, können sich die Spezialthemen auf dieser Website ansehen: „

Zusammenfassung der Ajax-Operationsfähigkeiten in JavaScript“, „Zusammenfassung der JavaScript-Switching-Spezialeffekte und Fähigkeiten", " Zusammenfassung der Techniken des JavaScript-Suchalgorithmus", "Zusammenfassung der Spezialeffekte und Techniken der JavaScript-Animation", "Zusammenfassung der JavaScript-Fehler und Debugging-Techniken“, „JavaScript-Datenstruktur und Zusammenfassung der Algorithmustechniken“, „Zusammenfassung der JavaScript-Traversal-Algorithmen und -Techniken“ und „Zusammenfassung der Verwendung mathematischer JavaScript-Operationen

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage