JS如果实现border一闪一闪的警示效果？

Posted 2023-05-14

如题所示。是DIV的border要做成一闪一闪的效果，我想的就是能不能实现先显示，然后过个2秒后淡化，2秒后再显示。

可以的，你通过一个定时器设置2秒钟就触发一个事件来改变边框的颜色就可以达到一闪一闪的效果。要明显一些的话需要把边框的宽度设置大一些。追问

具体代码怎么写呢？哎，不太会JS

追答

setInterval("fresher1()",1500);
setInterval("fresher2()",1500);
function fresher1()
document.getElementById("div1").style.cssText ="border:5px solid #ccc;height:30px;width:50px;";

function fresher2()
document.getElementById("div1").style.cssText ="border:3px solid red;height:30px;width:55px;";

参考技术A 建议用PS做个gif图，做DIV的border。 别用js，js用的效果多了，卡的很。本回答被提问者采纳

CSS让一个元素一闪一闪的

.heart{
    animation:heart 1s ease infinite;
}

@keyframes heart {
        0% {opacity:0.1;}
        100%{opacity:1;}
 }