如何通过Javascript频繁更改图像的边框颜色？

Question

如何通过Javascript频繁更改图像的边框颜色？

<img id="me" width=auto height=auto border=3 style="border-color: red green yellow blue;" src="myimage.jpg" />

Answer 1

有了这个，您可以根据您的说法更改每个设置间隔的边框，您只需将100方法中的setTimeout修改为任何一个多秒的时间。

并且只要您想要将颜色集globalColor更改为十六进制颜色。这将是每100毫秒或者你改变它以将边界设置为globalColor。

＆＃13;

＆＃13;

var globalColor;

function setColor(color) {
  img1.style.borderColor = "#" + color;
}

var imageTimeout = setTimeout(function() {
  setColor(globalColor);
}, 100);

＆＃13;

img#img1 {
  border-width: 4px;
  border-style: solid;
}

＆＃13;

<img src="https://placehold.it/250x250" alt="image1" id="img1">

＆＃13;

＆＃13;

＆＃13;