javascript - 如何使此更改边框颜色动画停止

嗨，我找到了此代码，我想知道如何使其在3秒后停止闪烁

function flashit()
{

var myborder = document.getElementById('my');

if (myborder.style.borderColor=="green")

myborder.style.borderColor="red" ;

else
myborder.style.borderColor="green" ;


}
setInterval('flashit()', 400) ;

最佳答案

setTimeout和setInterval返回返回超时/间隔的标识符；然后可以用来取消设置它们。

因此，我更改了代码以进行演示。如有任何疑问，请发表评论。

function flashit(){
    var myborder = document.getElementById('my');

    if (myborder.style.borderColor=="green"){
        myborder.style.borderColor="red" ;
    } else {
        myborder.style.borderColor="green" ;
    }
}
var intervalId = setInterval(flashit, 400) ;
setTimeout(function() {
    clearInterval(intervalId);
}, 3000);

关于javascript - 如何使此更改边框颜色动画停止，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27558627/