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 相关文章推荐
javascript 写类方式之八
Jul 05 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
jQuery中extend函数详解
Jul 13 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
Bootstrap模态框使用详解
Feb 15 Javascript
js禁止表单重复提交
Aug 29 Javascript
基于JavaScript中字符串的match与replace方法(详解)
Dec 04 Javascript
Vue组件之自定义事件的功能图解
Feb 01 Javascript
Vue.js中的高级面试题及答案
Jan 13 Javascript
vue实现几秒后跳转新页面代码
Sep 09 Javascript
vue element el-transfer增加拖拽功能
Jan 15 Vue.js
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
重置版战役片段
2020/04/09 魔兽争霸
php AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
通过PHP CLI实现简单的数据库实时监控调度
2009/07/01 PHP
php 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
js 动态选中下拉框
2009/11/26 Javascript
选择TreeView控件的树状数据节点的JS方法(jquery)
2010/02/06 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
JavaScript中常用的验证reg
2016/10/13 Javascript
jquery日历插件e-calendar升级版
2016/11/10 Javascript
AngularJS Phonecat实例讲解
2016/11/21 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
VUE v-model表单数据双向绑定完整示例
2019/01/21 Javascript
jquery实现掷骰子小游戏
2019/10/24 jQuery
vue 项目中当访问路由不存在的时候默认访问404页面操作
2020/08/31 Javascript
[04:29]2014DOTA2国际邀请赛 主赛事第三日TOPPLAY
2014/07/21 DOTA
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
使用wxpython实现的一个简单图片浏览器实例
2014/07/10 Python
python求crc32值的方法
2014/10/05 Python
python实现复制整个目录的方法
2015/05/12 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
Django实现网页分页功能
2019/10/31 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
微软瑞士官方网站:Microsoft瑞士
2018/04/20 全球购物
儿科护士实习自我鉴定
2013/10/17 职场文书
2014年会演讲稿范文
2014/01/06 职场文书
社区庆中秋节活动方案
2014/02/07 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
python脚本框架webpy的url映射详解
2021/11/20 Python
Nginx实现会话保持的两种方式
2022/03/18 Servers