项目中使用了Bootstrap-table来呈现数据,但是在我用传统的setTimeout或者setInterval的时候发现 不能正常像其他函数那样刷新:
setTimeout:只刷新一次
setInterval:按照设定的时间定时刷新
requestAnimationFrame:性能好,在不显示的时候停止刷新, 节省系统资源
关于解决办法:使用了Bootstrap-table的 内置api
先获取table的dom
再在循环里面添加$tableName.bootstrap-table('refresh')
主要代码如下:
setInterval(function () {
queryAll();
}, 3100);
function queryAll() {
updateAndonInfo();
}
function updateInfo() {
$dataTable.bootstrapTable('refresh');
}