이 기사의 예에서는 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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.