JS基於MSClass和setInterval實現ajax定時採集資訊並滾動顯示的方法_javascript技巧

本文執行個體講述了JS基於MSClass和setInterval實現ajax定時採集資訊並滾動顯示的方法。分享給大家供大家參考，具體如下：

setTimeout 用於延時器,只執行一次.

setInterval:用於多次執行.

項目中引用到jquery.timers-1.2.js定時器，並且MSClass做資訊定期滾動，每3分鐘執行一次，執行三次左右，滾動的次數越來越快，原因在於timers和MSClass都用了setInterval,

都會再次添加一個setInterval,最後導致幾個setInterval並發執行了，所以速度很快，需要在調用的時候clearInterval上次的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程式設計有所協助。