用js实现大屏中数据滚动效果的实现

可以使用以下步骤来实现大屏中数据滚动效果：

1. 创建一个包含数据的数组。
2. 使用JavaScript定时器 setInterval() 来定时更新数据。
3. 在定时器的回调函数中，将数据数组中的第一个元素添加到末尾，形成数据滚动的效果。
4. 将更新后的数据显示在页面上，可以使用HTML和CSS来创建数据滚动的效果。

以下是一个简单的实现示例：

HTML代码：

<div id="data-container"></div>

CSS代码：

#data-container {
  height: 50px;
  overflow: hidden;
  border: 1px solid #ccc;
}

#data-container p {
  margin: 0;
  padding: 10px;
  font-size: 24px;
}

JavaScript代码：

// 数据数组
var data = [
  '数据1',
  '数据2',
  '数据3',
  '数据4',
  '数据5',
];

// 定时器
setInterval(function() {
  // 将数组第一个元素添加到末尾
  data.push(data.shift());

  // 更新数据显示
  var container = document.getElementById('data-container');
  container.innerHTML = '';
  for (var i = 0; i < data.length; i++) {
    var p = document.createElement('p');
    p.innerText = data[i];
    container.appendChild(p);
  }
}, 2000);

在这个示例中，我们使用了 setInterval() 来每隔2秒更新一次数据，并且将数据滚动的效果展示在页面上。您可以根据具体需求来调整代码中的参数和样式。