前端某长度数组每一项不为空就显示在页面,为空就显示loading等待直到有值才继续显示下去
时间: 2024-04-29 09:23:48 浏览: 54
可以使用循环遍历数组,判断每一项是否为空,如果有为空的项则显示loading,直到所有项都有值才继续显示下去。
示例代码如下:
```javascript
const array = [1, '', 3, '', 5]; // 假设这是要显示的数组
function showArray() {
for (let i = 0; i < array.length; i++) {
if (array[i] === '') { // 判断数组项是否为空
document.getElementById('loading').style.display = 'block'; // 如果为空则显示loading
setTimeout(showArray, 1000); // 等待1秒后再次调用showArray函数
return; // 结束当前函数执行
}
}
document.getElementById('loading').style.display = 'none'; // 所有项都有值,隐藏loading
document.getElementById('array').innerHTML = array.join(', '); // 将数组显示在页面上
}
showArray(); // 调用函数开始显示数组
```
在页面上需要添加一个loading元素和一个用于显示数组的元素,例如:
```html
<div id="loading" style="display: none;">loading...</div>
<div id="array"></div>
```
阅读全文