JS基于MSClass和setInterval實現(xiàn)ajax定時采集信息并滾動顯示的方法

更新時間：2016年04月18日 08:54:42 作者：且行且思

這篇文章主要介紹了JS基于MSClass和setInterval實現(xiàn)ajax定時采集信息并滾動顯示的方法,涉及JavaScript頁面元素定時滾動操作及ajax調用實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了JS基于MSClass和setInterval實現(xiàn)ajax定時采集信息并滾動顯示的方法。分享給大家供大家參考，具體如下：

setTimeout 用于延時器,只執(zhí)行一次.

setInterval:用于多次執(zhí)行.

項目中引用到jquery.timers-1.2.js定時器，并且MSClass做信息定期滾動，每3分鐘執(zhí)行一次，執(zhí)行三次左右，滾動的次數(shù)越來越快，原因在于timers和MSClass都用了setInterval,

都會再次添加一個setInterval,最后導致幾個setInterval并發(fā)執(zhí)行了，所以速度很快，需要在調用的時候clearInterval上次的setInterval ，或者引用MSClass作者的原方法。

//定時器先執(zhí)行 銷毀實例
var Marquee1 = new Marquee(["div1", "Content"])
function Marquee_everyTime() {
  Marquee1.Destroy(); //銷毀實例應用
  GetMarqueeInfo();  //然后ajax采集需要的信息數(shù)據。
}
//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數(shù)據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章: