> 웹 프론트엔드 > JS 튜토리얼 > MSClass 및 setInterval_javascript 기술을 기반으로 정보의 Ajax 타이밍 수집 및 스크롤 표시를 구현하는 JS 메소드

MSClass 및 setInterval_javascript 기술을 기반으로 정보의 Ajax 타이밍 수집 및 스크롤 표시를 구현하는 JS 메소드

WBOY
풀어 주다: 2016-05-16 15:05:00
원래의
1558명이 탐색했습니다.

이 기사의 예에서는 JS가 MSClass 및 setInterval을 기반으로 정보의 Ajax 타이밍 수집 및 스크롤 표시를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

setTimeout은 딜레이에 사용되며 한 번만 실행됩니다.

setInterval: 여러 번 실행하는 데 사용됩니다.

프로젝트에서는 jquery.timers-1.2.js 타이머를 참조하고 있으며, MSClass는 3분 간격으로 3회 정도 실행됩니다. 스크롤 횟수가 점점 빨라지기 때문입니다. 타이머와 MSClass가 모두 사용됩니다.

다시 setInterval이 추가되고, 최종적으로 여러 개의 setInterval이 동시에 실행되므로 호출 시 마지막 setInterval을 ClearInterval하거나 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 전환 특수 효과 요약 및 Skill", " JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 특수 효과 및 기술 요약", "JavaScript 오류 및 디버깅 기술 요약", "JavaScript 데이터 구조 및 알고리즘 기술 요약", "JavaScript 순회 알고리즘 및 기술 요약" 및 "JavaScript 수학 연산 사용법 요약"

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿