JavaScript涉及JavaScript页面元素定时滚动操作及ajax调用实现技巧,

优采云 发布时间: 2021-03-23 21:00

  JavaScript涉及JavaScript页面元素定时滚动操作及ajax调用实现技巧,

  本文文章主要介绍基于MSClass和setInterval的JS实现ajax计时采集信息和滚动显示方法,涉及JavaScript页面元素计时滚动操作和ajax调用实现技巧,有需要的朋友可以参考以下内容

  本文中的示例描述了JS如何基于MSClass和setInterval实现ajax计时采集信息和滚动显示。与您分享以供参考,如下所示:

  setTimeout用于延迟器,仅执行一次。

  setInterval:用于多次执行。

  项目中引用了jquery.timers- 1. 2. js计时器,MSClass会定期滚动信息。它每3分钟执行一次,并且执行大约3次。滚动的数量越来越快。原因是计时器和MSClass使用setInterval,

  将再次添加setInterval,最后将同时执行几个setIntervals,因此速度非常快。调用时,您需要清除Interval的最后一个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中的Ajax操作技能概述”,“ JavaScript转换特殊效果和技能概述”,“ JavaScript搜索算法技能概述” ,“ JavaScript*敏*感*词*特效和技能摘要,JavaScript错误和调试技能摘要,JavaScript数据结构和算法技能摘要,JavaScript遍历算法和技能摘要以及JavaScript数学运算用法摘要

  我希望本文能对您的JavaScript编程有所帮助。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线