使用DOM每隔一秒钟做一次边框切换

在JavaScript中，你可以利用定时器（setInterval）结合DOM操作来实现在网页上每秒改变元素边框样式的效果。这里是一个简单的例子，假设有一个元素id为"targetElement"：

// 获取目标元素
let targetElement = document.getElementById('targetElement');

// 定义边框样式数组
let borderStyles = ['none', 'solid 1px red', 'dashed 1px blue', 'double 2px green'];

// 初始化当前边框样式
let currentStyleIndex = 0;

// 每隔一秒更换边框样式
setInterval(() => {
    // 更新边框样式
    targetElement.style.border = borderStyles[currentStyleIndex];
    
    // 切换到下一个样式，如果数组结束则从头开始
    currentStyleIndex++;
    if (currentStyleIndex >= borderStyles.length) {
        currentStyleIndex = 0;
    }
}, 1000); // 1000毫秒等于1秒

这样，每当定时器触发，`targetElement`的边框就会跟随数组中的样式顺序变化。