使用Java Script对角来回移动元素

<div id="element"></div>

var element = document.getElementById("element");
element.style.position = "absolute";
element.style.left = "0px";
element.style.top = "0px";

var direction = 1; // 移动方向，1表示向右下角，-1表示向左上角
var speed = 5; // 移动速度，每次移动的像素数

setInterval(function() {
  var left = parseInt(element.style.left);
  var top = parseInt(element.style.top);

  // 判断是否到达边界，如果到达边界则改变移动方向
  if (left >= window.innerWidth - element.offsetWidth || left <= 0) {
    direction *= -1;
  }
  if (top >= window.innerHeight - element.offsetHeight || top <= 0) {
    direction *= -1;
  }

  // 根据移动方向更新元素的位置
  element.style.left = (left + direction * speed) + "px";
  element.style.top = (top + direction * speed) + "px";
}, 10);