我的位置：首页 › 大数据分析-亿信BI › BI-问题求助 › 请教下表格滚动+自动刷新

请教下表格滚动+自动刷新

复制链接 | 收藏本帖

9467

: 七分木初学数据Lv2

发表于2019-1-15 16:03

悬赏1

已解决

楼主

论坛上参考下面的代码做了下表格的滚动

/***
**表格内容自动轮播脚本
**@param tableDom内容滚动的表格，最好是表格的父DIV
**@param visibleHeight 可视区的高度
***/
function autoScrollTable(tableDom, visibleHeight) {
var marqueesHeight = visibleHeight;
var stopscroll = false;
var scrollElem = tableDom;
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
with (scrollElem) {
style.height = parseFloat(marqueesHeight) + "px";
style.overflow = 'hidden';
noWrap = true;
}
var scrollUp = function () {
if (stopscroll) {
setTimeout(scrollUp, 50);
return;
}
currentTop += 1;
if (currentTop == (marqueesHeight + 1)) {
stoptime += 1;
currentTop -= 1;
if (stoptime == 1) {
currentTop = 0;
stoptime = 0;
}
} else {
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if (preTop == scrollElem.scrollTop) {
scrollElem.scrollTop = 0;
scrollElem.scrollTop += 1;
}
}
setTimeout(scrollUp, 50);
};
var restartScroll = function () {
scrollElem.scrollTop = 0;
setTimeout(scrollUp, 50);
};
jQuery(tableDom).hover(function () {
stopscroll = true;
}, function () {
stopscroll = false;
});
setTimeout(restartScroll, 2000);
}
autoScrollTable(document.getElementById('GRID2'),document.getElementById("HHH148").clientHeight);

滚动效果有了

因为报表是要做成电子看板,所以也参考论坛上在上面脚本后面加个  autoPlay(5);
刷新的效果有了但是刷新后表格却不滚动了
对这个脚本编写不懂  所以只好写上来请教下 ,  哪里写错了...要怎么写才能实现页面间隔刷新,刷新完表格依然能滚动.  谢谢!

最近看过此主题的会员

最佳答案

: 方菁

发表于2019-1-15 16:03

丨

只看该作者

丨

取消关注该作者的回复

autoPlay()需要添加一个参数让滚动的脚本重新触发一下：
autoPlay(500,null,function(){
autoScrollTable(document.getElementById('GRID9'),document.getElementById("HHH34").clientHeight);
});

QQ空间微信