使div顶部位置每隔x秒更改一次

要实现使div顶部位置每隔x秒更改一次，可以通过使用JavaScript和CSS来实现。

首先，我们可以使用JavaScript来控制div元素的位置。可以使用定时器函数setInterval()来每隔x秒执行一次位置更改的操作。在每次定时器触发时，可以通过修改div元素的样式属性top来改变其位置。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
  .moving-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: red;
  }
</style>
</head>
<body>
<div class="moving-div"></div>

<script>
  var div = document.querySelector('.moving-div');
  var interval = 2000; // 每隔2秒更改一次位置
  var topPosition = 0; // 初始位置为0

  setInterval(function() {
    topPosition += 10; // 每次更改位置增加10px
    div.style.top = topPosition + 'px';
  }, interval);
</script>
</body>
</html>

在上述代码中，我们创建了一个class为"moving-div"的div元素，并设置其初始位置为顶部（top: 0）。然后使用JavaScript获取该div元素，并使用setInterval()函数每隔2秒执行一次位置更改的操作。每次定时器触发时，我们将topPosition增加10px，并将其赋值给div元素的top样式属性，从而实现div顶部位置的更改。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。