JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法


Posted in Javascript onApril 18, 2016

本文实例讲述了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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
有关于eclipse配置spket需要注意的一些地方
Apr 07 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
Dec 08 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
ReactNative中使用Redux架构总结
Dec 15 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
JS区分浏览器页面是刷新还是关闭
Apr 17 #Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 #Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 #Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 #Javascript
js实现select二级联动下拉菜单
Apr 17 #Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
Apr 17 #Javascript
第二次聊一聊JS require.js模块化工具的基础知识
Apr 17 #Javascript
You might like
说说PHP的autoLoad自动加载机制
2012/09/27 PHP
去除php注释和去除空格函数分享
2014/03/13 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
php模板引擎技术简单实现
2016/03/15 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
浅谈tudou土豆网首页图片延迟加载的效果
2010/06/23 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
2013/04/27 Javascript
js实现背景图片感应鼠标变化的方法
2015/02/28 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
Vue系列:通过vue-router如何传递参数示例
2017/01/16 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
2017/09/02 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
pyqt和pyside开发图形化界面
2014/01/22 Python
python获取本地计算机名字的方法
2015/04/29 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
Python xlwt模块使用代码实例
2020/06/10 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
索尼巴西商店:Sony巴西
2019/06/21 全球购物
毕业生找工作推荐信
2013/11/21 职场文书
商务邀请函范文
2014/01/14 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书
基于Redis位图实现用户签到功能
2021/05/08 Redis
Python Django搭建文件下载服务器的实现
2021/05/10 Python
Python实现简繁体转换
2021/06/07 Python
Js类的构建与继承案例详解
2021/09/15 Javascript
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers